วิธีทำตัวหนังสือวิ่งบนเว็บไซต์ของเรา

วิธีทำตัวหนังสือวิ่งบนเว็บไซต์ของเรา 

สวัสดีครับ ทุกคนที่เข้ามาใน บทความนี้คงจะพอมีทักษะพื้นฐาน

เกี่ยวกับเรื่อง TAG ของ HTML อยู่บ้างใช่มั้ยครับ

วันนี้ผมจะมานำเสนอ Tag <marquee> (อ่านว่า "มาร์กี้")

ซึ่งเป็น Tag หนึ่งบนภาษา HTML ที่จะช่วยกำหนดให้ตัวหนังสือหรือตัวอักษร

ให้สามารถวิ่งไปตามทิศทางที่เราต้องการได้

เช่น <marquee> iSpyingforyou </marquee>

จากภาพคำว่า iSpyingforyou ก็จะวิ่งบนหน้าเว็บครับ

เอาละ ! เมื่อเราทราบ Tag แล้วทีนี้มาดูวิธีในการกำหนดทิศทางการวิ่งครับ

#คำสั่งทิศทางในการวิ่ง มีทั้งหมด 4 อย่าง คือ

1.<marquee direction="left"> iSpyingforyou วิ่งจากขวาไปซ้าย </marquee>

iSpyingforyou วิ่งจากขวาไปซ้าย

2.<marquee direction="right"> iSpyingforyou วิ่งจากซ้ายไปขวา</marquee> 

iSpyingforyou วิ่งจากซ้ายไปขวา

3.<marquee direction="up"> iSpyingforyou วิ่งจากล่างขึ้นบน</marquee> 

iSpyingforyou วิ่งจากล่างขึ้นบน

4.<marquee direction="down"> iSpyingforyou วิ่งจากบนลงล่าง</marquee>

iSpyingforyou วิ่งจากบนลงล่าง

#คำสั่งกำหนดความเร็วในการเลื่อนของตัวอักษร

<marquee scrollamount="5"> iSpyingforyou เลื่อนด้วยความเร็วระดับ 5  </marquee>

iSpyingforyou เลื่อนด้วยความเร็วระดับ 5

<marquee scrollamount="50"> iSpyingforyou เลื่อนด้วยความเร็วระดับ 50  </marquee>

iSpyingforyou เลื่อนด้วยความเร็วระดับ 50

#คำสั่งกำหนดขอบเขตในการเลื่อน

<marquee width="50%"> width="50% iSpying วิ่งแค่ครึ่งหน้าเว็บเพจ </marquee>

width="50% iSpying วิ่งแค่ครึ่งหน้าเว็บเพจ

#คำสั่งกำหนดข้อความวิ่งไปมา

<marquee behavior="alternate" > iSpying วิ่งไปมาไม่หลุดกรอบ </marquee>

iSpyingforyou วิ่งไปมาไม่หลุดกรอบ

#คำสั่งกำหนดสีพื้นหลังข้อความ

 <marquee bgcolor="Green"> iSpying กำหนดสีพื้นหลังที่ต้องการ </marquee>

iSpying กำหนดสีพื้นหลังสีเขียว

ทั้งนี้ทุกๆ คนสามารถที่จะประยุกต์ใช้ใน
หลายๆ รูปแบบใน Tag <Marquee> เดียวกันได้ครับ

ขอให้ทุกท่าน สนุกกับการเขียนเว็บครับผม :) 

ขอบคุณแหล่งข้อมูลจาก : 

http://www.tutorialspoint.com/html/html_marquees.htm  

http://vrisad.blogspot.com/p/blog-page_30.html