ปุ่ม "สารบัญ" อยู่ตำแหน่งบนขวาสุดใช้เพื่อดูหัวข้อบทความทั้งหมดของบล็อกนี้ครับ
Loading...

วันพุธที่ 3 กุมภาพันธ์ พ.ศ. 2553

สร้างลูกเล่นต่างๆ ให้กับ text

ไม่ต้องเกิ่นอะไร ว่ากันเลย ตัวอย่าง text ที่ต้องการข้างบนถูกสร้างขึ้นจากโค๊ดด้านล่าง(ตัวหนา) สนใจตัวไหนก็ copy ไปใช้ได้เลย โดยเปลี่ยนคำว่า "TEXT" เป็นตัวหนังสือที่เราต้องการ


Right to Left Marquee
<marquee>TEXT</marquee>

Left to Right Marquee
<marquee direction="right">TEXT</marquee>

Alternate Marquee
<marquee behavior="alternate">TEXT</marquee>
Up Marquee
<marquee direction="up">TEXT</marquee>

Down Marquee
<marquee direction="down">TEXT</marquee>

Up/Down Alternate Marquee
<marquee direction="up" behavior="alternate">TEXT</marquee>

Zig Zagging Marquee
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right">TEXT</marquee></marquee>

Alternating Zig Zagging Marquee
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right" behavior="alternate">TEXT</marquee></marquee>

>>Opposite Highlight text<<
<marquee behavior="alternate" width="10%">>></marquee>TEXT<marquee behavior="alternate" width="10%"><<</marquee>

TEXT
<font color="#FFFFFF"><marquee direction="left" style="background:BLUE">TEXT</marquee></font>

Colored Border Marquee
<marquee style="border:BLUE 2px SOLID">TEXT</marquee>

3| | |High Tech Text| | |4
<MARQUEE behavior=alternate direction=left scrollAmount=3 width="4%"><font face=Webdings>3</font></MARQUEE><MARQUEE scrollAmount=1 direction=left width="2%">| | |</MARQUEE>TEXT<MARQUEE scrollAmount=1 direction=right width="2%">| | |</MARQUEE><MARQUEE behavior=alternate direction=right scrollAmount=3 width="4%"><font face=Webdings>4</font></MARQUEE>

4| | |High Text Text| | |3
<MARQUEE behavior=alternate direction=left scrollAmount=3 width="4%"><font face=Webdings>4</font></MARQUEE><MARQUEE scrollAmount=1 direction=left width="2%">| | |</MARQUEE>TEXT<MARQUEE scrollAmount=1 direction=right width="2%">| | |</MARQUEE><MARQUEE behavior=alternate direction=right scrollAmount=3 width="4%"><font face=Webdings&gt3;</font></MARQUEE>

Hiding Marquee
<marquee behavior="alternate"><marquee width="150">TEXT</marquee></marquee>

Wave Marquee
Wave Marquee
<marquee behavior=alternate direction=up scrollamount=2 scrolldelay=65 height=80 style="Text-align;filter:wave(add=0,phase=1, freq=1,strength=15,color=.FFFFFF)"><center>TEXT<br>TEXT</center></marquee>

2 ความคิดเห็น:

Unknown กล่าวว่า...

Nice posted, Thank...

ไม่ระบุชื่อ กล่าวว่า...

ขอบคุณ ครับ

 
TopBottom