รูปภาพและข้อความวิ่ง

รูปภาพและข้อความวิ่ง

รูปภาพและข้อความวิ่ง เราจะใช้ Tag ที่ชื่อว่า <marquee></marguee>

จริงแล้วเป็นเรื่องพื้นฐานของ HTML แต่ก็ลืมๆกันไปบ้างแล้ว วันนี้ผมอยางที่จะนำมาใช้อีกครั้ง อยากให้เพื่อนๆนำมาใช้เพราะมันง่ายดี ไม่ต้องคิดอะไรให้ยุ่งยาก

การทำรูปภาพ หรือข้อความที่วิ่งได้นั้น จริงๆแล้วก็มีอยู่ด้วยกันหลายวิธี ทั้ง CSS หรือ แม้แต่กระทั่ง Javascript ก็ทำกันได้ แต่อย่าไปคิดมากว่ามันเก่างั้นงี้ คิดอะไรออกก็หยิบมาใช้กันเลยละกัน

จากตัวอย่าง Element <marquee></marquee>



เราก็เพียงแค่เสริมด้วย Attribute ต่างๆดังนี้ เพื่อเป็นการเพิ่มความสามารถ

Attribute direction ซึ่งมี Value ดังนี้

  • left คือ วิ่งไปซ้าย
  • right คือ วิ่งไปขวา
  • up คือ วิ่งขึ้นบน
  • down คือ วิ่งลงล่าง

Attribute scrollamount ซึ่งมี Value ดังนี้

  • value คือ ค่าความเร็ว สามารถระบุได้ตั้งแต่ 0 เพิ่มขึ้นเรื่อยๆ จะได้ความเร็วที่น่าพอใจ

Attribute behavior ซึ่งมี Value ดังนี้

  • ถ้าไม่ใส่ behavior คือ จะวิ่งไปในทิศทางเดียวจนสุดแล้วทะลุออกอีกฝั่งเลย
  • alternate คือ วิ่งจนสุดซ้าย แล้ววิ่งกลับไปทางขวา เรื่อยๆ
  • slide คือ วิ่งจากขวามาซ้าย แล้วหยุด

เรื่องราวเล็กๆน้อยๆ เก็บมาฝากกันนะครับ

คอร์สเรียนที่แนะนำ HTML CSS JAVASCRIPT

คอร์สเรียนที่แนะนำ PHP JAVASCRIPT MYSQL

อ่านบทความอื่นเพิ่มเติม

กดติดตามเทคนิคดีๆได้ที่เพจ Facebook

ใส่ความเห็น