รูปภาพและข้อความวิ่ง เราจะใช้ 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
ความเห็นล่าสุด