Sax Knowledge : Share Your Knowledge
ยินดีต้อนรับเข้าสู่ Sax Knowledge : Share your knowledge

กรุณาล็อคอิน เพื่อใช้งานได้อย่างเต็มรูปแบบ เพราะมีบางบอร์ดถูกล็อคอยู่

บทที่ 8 [HTML]คำสั่ง <marquee>

อ่านหัวข้อก่อนหน้า อ่านหัวข้อถัดไป Go down

บทที่ 8 [HTML]คำสั่ง <marquee>

ตั้งหัวข้อ  Admin on Mon 16 May 2011, 7:18 am

คำสั่ง <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>



หมายเหตุ รูปภาพที่นำมาแสดง เป็นเพียงภาพที่เกิดจากการตัดต่อ การเคลื่อนไหวหลายๆครั้ง เพื่อมาแสดงในภาพเพียงภาพเดียว โดยเรียงลำดับก่อน - หลัง ตามลำดับ บน - ล่าง
avatar
Admin
Admin
Admin

จำนวนข้อความ : 150
Join date : 11/05/2011

ดูข้อมูลส่วนตัว http://saxknowledge.thai-forum.net

ขึ้นไปข้างบน Go down

อ่านหัวข้อก่อนหน้า อ่านหัวข้อถัดไป ขึ้นไปข้างบน


 
Permissions in this forum:
คุณไม่สามารถพิมพ์ตอบ