การทำปุ่ม Rollover Image

วันนี้เราจะมาเรียนรู้เกี่ยวกับการทำปุ่ม Rollover Image ซึ้งบางเว็บไซต์ นั้นเวลาเราเอาเมาส์ไปชี้ที่ปุ่มก็จะเปลื่ยนสีเปลื่ยนรูป ซึ้้งเราจะมาทำเว็บไซต์ของเราให้เป็นปุ่มแบบนั้นเหมือนกัน เพื่อความสวยงามและน่าตื่นตาของผู้เข้ามาเยี่ยมชมเว็บไซต์ Rollover Image จึงเป็นเทคนิคที่จะทำให้เว็บไซต์ของเรานั้น น่าสนใจยิ่งขึ้น

ในแท็บเครื่องมือให้เลือกตามรูป

จากนั้นจะมีไดอะล๊อกบ็อกให้ดังหน้าต่อไปนี้

1. ชื่อรูปภาพ
2. ภาพตอนที่ยังไม่ได้เอาเมาส์ไปชี้ เราสามารถเลือกภาพได้โดย คลิกปุ่ม Browse...
3. ภาพตอนที่เมาส์ชี้ เราสามารถเลือกภาพได้โดย คลิกปุ่ม Btowse...
4. ข้อความแสดงรายละเอียดรูปภาพ
4. ใส่ลิ้งค์ให้กับรูปภาพ

เมื่อเราเพิ่มรายละเอียดเรียบร้อย เมื่อสั่งรัน ดูการแสดงผล