บทที่ 8 [HTML]คำสั่ง <marquee>
หน้า 1 จาก 1
บทที่ 8 [HTML]คำสั่ง <marquee>
คำสั่ง <marquee> เป็นคำสั่งที่ทำให้ สิ่งที่ถูกคำสั่งนี้คร่อมอยู่ เลื่อน เหมือนข้อความเลื่อน โดยคำสั่งนี้มีคำสั่งเพิ่มเติม หลายคำสั่ง เช่น
behavior = "n" เป็นการกำหนดการวิ่งของข้อความ โดย ให้ใส่คำสั่ง ต่อไปนี้ แทน n behavior = "alternate" จะทำให้วิ่งกลับไป-มา จากขวา - ซ้าย จากนั้นก็ก็จะวิ่ง ซ้าย - ขวา กลับไปกลับมา behavior = "scroll" ให้วิ่งจาก ขวา - ซ้าย ไปเรื่อยๆ behavior = "Slide" ให้ข้อความวิ่งจากขวา - ซ้าย แล้วหยุดวิ่ง
loop = "n" ให้กำหนดการวิ่งของข้อความ เป็น n รอบ (ยกเว้นเมื่อกำหนด behavior = "slide") แต่ถ้าไม่กำหนดจะวิ่งไปเรื่อยๆ
direction = "left" กำหนดให้การวิ่งไปยังทิศทางที่กำหนด ในตัวอย่างจะกำหนดให้วิ่งมาทางซ้าย(ค่าเริ่มต้น) สามารถใช้ร่วมกับคำสั่ง behavior ได้ แต่ทิศทางที่วิ่ง จะเป็นตามคำสั่งนี้ แต่หากต้องการให้วิ่งไปทางขวา ให้เปลี่ยนเป็นคำว่า right
bgcolor = "00ff00" กำหนดพื้นหลังที่ข้อความวิ่ง ให้เป็นสี 00ff00 โดยต้องกำหนดเป็นรหัสสีเลขฐานสิบหก
height = "n" กำหนดความสูงของบริเวณทื่ต้องการให้ข้อความวิ่งเป็น n พิกเซล
width = "n" กำหนดความยาวของการวิ่ง เป็น n พิกเซล สามารถกำหนดเป็น เปอร์เซนต์ก็ได้
scrollamount = "n" กำหนดความเร็วของการวิ่ง โดยความเร็วแปรผันตามตัวเลขที่ใส่ไปแทน n
คำสั่ง maquee สามารถใช้ได้กับทั้งภาพ และข้อความ ผู้อ่านก็ลองประยุกต์ใช้ดูตามความเหมาะสมแล้วกันครับ
ตัวอย่างการใช้คำสั่ง
<marquee behavior = "alternate" loop = "4" direction = "right" bgcolor="66eeff" height = "30" width = "90%" scrollamount = "10">ข้อความวิ่ง</marquee>
หมายเหตุ รูปภาพที่นำมาแสดง เป็นเพียงภาพที่เกิดจากการตัดต่อ การเคลื่อนไหวหลายๆครั้ง เพื่อมาแสดงในภาพเพียงภาพเดียว โดยเรียงลำดับก่อน - หลัง ตามลำดับ บน - ล่าง
behavior = "n" เป็นการกำหนดการวิ่งของข้อความ โดย ให้ใส่คำสั่ง ต่อไปนี้ แทน n behavior = "alternate" จะทำให้วิ่งกลับไป-มา จากขวา - ซ้าย จากนั้นก็ก็จะวิ่ง ซ้าย - ขวา กลับไปกลับมา behavior = "scroll" ให้วิ่งจาก ขวา - ซ้าย ไปเรื่อยๆ behavior = "Slide" ให้ข้อความวิ่งจากขวา - ซ้าย แล้วหยุดวิ่ง
loop = "n" ให้กำหนดการวิ่งของข้อความ เป็น n รอบ (ยกเว้นเมื่อกำหนด behavior = "slide") แต่ถ้าไม่กำหนดจะวิ่งไปเรื่อยๆ
direction = "left" กำหนดให้การวิ่งไปยังทิศทางที่กำหนด ในตัวอย่างจะกำหนดให้วิ่งมาทางซ้าย(ค่าเริ่มต้น) สามารถใช้ร่วมกับคำสั่ง behavior ได้ แต่ทิศทางที่วิ่ง จะเป็นตามคำสั่งนี้ แต่หากต้องการให้วิ่งไปทางขวา ให้เปลี่ยนเป็นคำว่า right
bgcolor = "00ff00" กำหนดพื้นหลังที่ข้อความวิ่ง ให้เป็นสี 00ff00 โดยต้องกำหนดเป็นรหัสสีเลขฐานสิบหก
height = "n" กำหนดความสูงของบริเวณทื่ต้องการให้ข้อความวิ่งเป็น n พิกเซล
width = "n" กำหนดความยาวของการวิ่ง เป็น n พิกเซล สามารถกำหนดเป็น เปอร์เซนต์ก็ได้
scrollamount = "n" กำหนดความเร็วของการวิ่ง โดยความเร็วแปรผันตามตัวเลขที่ใส่ไปแทน n
คำสั่ง maquee สามารถใช้ได้กับทั้งภาพ และข้อความ ผู้อ่านก็ลองประยุกต์ใช้ดูตามความเหมาะสมแล้วกันครับ
ตัวอย่างการใช้คำสั่ง
<marquee behavior = "alternate" loop = "4" direction = "right" bgcolor="66eeff" height = "30" width = "90%" scrollamount = "10">ข้อความวิ่ง</marquee>
หมายเหตุ รูปภาพที่นำมาแสดง เป็นเพียงภาพที่เกิดจากการตัดต่อ การเคลื่อนไหวหลายๆครั้ง เพื่อมาแสดงในภาพเพียงภาพเดียว โดยเรียงลำดับก่อน - หลัง ตามลำดับ บน - ล่าง
Similar topics
» บทที่ 7 [HTML] คำสั่ง <img>
» บทที่ 5 [HTML] คำสั่ง <ul> <ol>
» บทที่ 6 [HTML] คำสั่ง <dl> <dir> <menu>
» บทที่ 9 [HTML]คำสั่ง <table>
» บทที่ 11 [HTML]คำสั่ง <frameset>
» บทที่ 5 [HTML] คำสั่ง <ul> <ol>
» บทที่ 6 [HTML] คำสั่ง <dl> <dir> <menu>
» บทที่ 9 [HTML]คำสั่ง <table>
» บทที่ 11 [HTML]คำสั่ง <frameset>
หน้า 1 จาก 1
Permissions in this forum:
คุณไม่สามารถพิมพ์ตอบ
|
|