|
|
htm036 : Rollover Image : เปลี่ยนภาพ เมื่อเลื่อนเม้าส์ไปใกล้
Rollover เป็นคำสั่งที่นิยมใช้กันมาก เนื่องจากทำให้ web น่าใช้งานมากยิ่งขึ้น ผลของการใช้คือเวลาที่เราเลื่อนเม้าส์ไปใกล้ภาพ ๆ หนึ่ง คำสั่ง Rollover จะสั่งให้เปลี่ยนเป็นภาพอีกภาพหนึ่ง คำสั่งนี้สามารถทำ Link ไปยัง web page หน้าอื่นๆ ได้ด้วย สนใจศึกษารูปแบบการใช้งานได้จากด้านล่างนี้..
<a href = 'http://www.siambooking.com' onMouseOver="mypic.src='pic2.gif'"
onMouseOut="mypic.src='pic1.gif'">
<image name = 'mypic' src ='pic1.gif' border =0 alt = 'Click me'></a>
ทดสอบโดยเลื่อนเม้าสไปใกล้ภาพด้านล่างนี้
ถ้าต้องการใส่หลายรูปในหน้าเดียวกัน ต้องเปลี่ยน mypic เป็นชื่อที่ไม่ซ้ำกันเช่น mypic2 เป็นต้น ทดสอบโดยเลื่อนเม้าสไปใกล้ภาพด้านล่างนี้
|
|
