Winter Code Room&Lab - ย้ายค่ะ

ลำดับตอนที่ #3 : กล่องใส่แบนเนอร์แบบเด้งได้

กล่องใส่แบนเนอร์แบบเลื่อน+เด้งได้
 

<!--กล่องใส่แบนเนอร์เด้งได้-Sakurai Winter932263--><marquee behavior="alternate" direction="up" onmouseout="this.start();" onmouseover="this.stop();" scrollamount="5" style="width: 250px; height: 300px">แบนเนอร์</marquee>

 

**direction คือทิศทางในการเลื่อน ว่าจะให้เลื่อนจากทางไหนก่อน มีทั้ง up, down, left, right
   (มันจะเลื่อนไปตามทิศทางที่เราตั้งไว้ก่อนแล้วค่อยเด้งกลับไปกลับมา) 
**ตรง scrollamount คือความเร็วในการวิ่งยิ่งค่าตัวเลขเยอะยิ่งวิ่งเร็ว
**width/height คือความกว้างและความยาาวของพื้นที่ ๆ ต้องการให้แบนเนอร์เด้ง
 

 

ตัวอย่าง Direction

Up

 

Down
 

 

*****ทั้ง Up และ Down เป็นการเลื่อนในแนวตั้ง
แนะนำให้ความยาว (height) ไม่ควรต่ำกว่า 75px ค่ะ

(((จากตัวอย่างแนวตั้ง จขบค.ตั้งขนาดไว้ที่ 250*100)))

 

Left

 

 

Right

 

***โค้ดแนวนอนนี้อาจไม่แสดงผลกับ Chrome บางเวอร์ชั่น!
*****ทั้ง Left และ Right เป็นการเลื่อนในแนวนอน
แนะนำให้ความกว้าง (width) ไม่ควรต่ำกว่า 250px ค่ะ
และเวลาวางรูปแบนเนอร์ไม่ต้องเว้นบรรทัดนะคะ
(((จากตัวอย่างแนวนอน จขบค.ตั้งขนาดไว้ที่ 260*75)))