marquee ทำได้โดยใช้ tag นี้ครับ <marquee>...</marquee>
รายละเอียดโดยทั่วไปเป็นอย่างนี้ครับ
BGCOLOR="สี" --> สีพื้นหลังของตัหนังสือ
DIRECTION="left/right/up/down" --> ทิศทางการเคลื่อนไหวของตัวหนังสือ
BEHAVIOR="scroll/slide/alternate" --> รูปแบบการเคลื่อนไหว
Scroll --> เคลื่อนไหวตลอดเวลา
Slide--> เคลื่อนไหวหนึ่งครั้งแล้วก็หยุด
Alternate --> ตัวหนังสือกระดอนไปมา
TITLE='ข้อความ" --> จะโผล่ให้เห็นต่อเมื่อเอาเมาส์มาชี้ตรงตัวหนังสือ
SCROLLMOUNT="ตัวเลข" --> ความเร็วของการเคลื่อนไหว ตัวเลขยิ่งสูงเท่าไหร่มันก็จะยิ่งเคลื่อนไหวเร็วเท่านั้น
WIDTH="กว้าง" --> พื้นที่ของตัวหนังสือเคลื่อนไหว
เพื่อให้ชัดเจนยิ่งขึ้นดูตัวอย่างข้างล่างนี้ครับ
ตัวอย่างที่ 1 ตัวหนังสือที่เคลื่อนไหวตลอดเวลา
<MARQUEE align="center" direction="right" height="200" scrollamount="2" width="70%">
จากซ้ายไปขวา
</MARQUEE>
อย่างนี้ครับ
คำว่า right อาจเปลี่ยนเป็น left, up,หรือว่า down ก็ได้นะครับ
ตัวอย่างที่ 2 ตัวหนังสือที่เคลื่อนไหวกระดอนไปมา
<MARQUEE align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="alternate">
กระดอนไปมา
</MARQUEE>
อย่างนี้ครับ
ตัวอย่างที่ 3 เพิ่มสีสัน
<div align="left">FONT FACE="georgia" color="White"><B><MARQUEE BGCOLOR="RED" width="70%" scrollamount="3" behavior="alternate">
ตัวหนังสือที่มีสีพื้นหลัง
</MARQUEE></b></FONT></div>
อย่างนี้ครับ
สามตัวอย่างแรกเป็นตัวหนังสือเคลื่อนไหวแบบธรรมดานะครับ ถ้าอยากได้แบบที่แปลกกว่านี้เชิญดูตัวอย่างข้อต่อไปกันครับ
ตัวอย่างที่ 4 ตัวหนังสือจะหยุดเคลื่อนไหวต่อเมื่อมีเมาส์มาชี้
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">
ลองเอาเมาส์มาชี้ตรงตัวหนังสือนี่สิครับ
</marquee>
อย่างนี้ครับ
ตัวอย่างที่ 5 แบบมีลิงค์
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">
<a href="http://finalsense.com/" target="new">finalsense</a><br/>
<a href="http://btemplates.com" target="new">btemplates</a><br/>
<a href="http://thaieasyblog.blogspot.com" target="new">thaieasyblog</a><br/>
</marquee>
อย่างนี้ครับ
ผมว่าเพียงแค่นี้ทุกท่านคงพอจะนำไปประยุกต์ช้เองได้แล้วนะครับ
ยินดีต้อนรับ
ไม่เข้าใจเลยค่ะ
Thx jaa
อยากได้แบบตัวอักษรใหญ่กว่านี้อะครับ มีโค้ดไหมครับ