Devdit
 

โค้ดรูปภาพเลื่อน HTML รูปภาพเลื่อน

3.2K

โค้ดรูปภาพเลื่อน HTML รูปภาพเลื่อน บทความนี้สอนใช้แท็ก marquee สำหรับสร้างโค้ดรูปภาพเลื่อน โดยแท็ก marquee รองรับการกำหนดทิศทางในการเลื่อนของรูปภาพ เช่น up down left right สามารถเขียนโปรแกรมได้ดังนี้

 

ตัวอย่าง โค้ดรูปภาพเลื่อน HTML รูปภาพเลื่อน

<marquee direction="left">
	<img src="https://www.devdit.com/favicon-16x16.png">
</marquee>

คำอธิบาย

โค้ดรูปภาพเลื่อน HTMLจากตัวอย่างใช้แท็ก marquee เลื่อนรูปภาพด้วยแท็ก img โดยสามารถกำหนดทิศทางการเลื่อนผ่าน attribute direction ดังนี้

1. up คือ เลื่อนรูปภาพจากด้านล่างขึ้นด้านบน

2. down คือ เลื่อนรูปภาพจากด้านบนลงด้านล่าง

3. left คือ เลื่อนรูปภาพจากขวาไปซ้าย

4. right คือ เลื่อนรูปภาพจากซ้ายไปขวา

เขียน 1 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ