{ Winter Code Room }

ตอนที่ 3 : [General Code] กล่องใส่แบนเนอร์แบบเด้งได้

  • เนื้อหานิยายตอนนี้เปิดให้อ่าน
  • View : 727
    จำนวนคนให้กำลังใจ : 2 ครั้ง
    2 เม.ย. 57


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

<!--กล่องใส่แบนเนอร์เด้งได้-Sakurai Winter--><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)))


 

 
ให้กำลังใจนักเขียน
นักเขียนได้รับกำลังใจแล้ว!
นักเขียนได้รับกำลังใจแล้ว 2 ครั้ง

391 ความคิดเห็น

  1. #209 Kirun คิรัน (@0835193787) (จากตอนที่ 3)
    วันที่ 18 พฤศจิกายน 2557 / 20:04
    ขอบคุณฮ้า
    #209
    0