บางครั้งเราต้องการดึงดูดความสนใจของผู้ใช้ เพื่อให้คลิกไปยังลิงค์ต่าง ๆ โดยเฉพาะเมื่อนำเมาส์ไปลากผ่านปุ่ม ปุ่มก็จะมีลักษณะเปลี่ยนไป เช่น มีแสงเกิดขึ้นที่ตัวอักษร หรือ ตัวอักษรเปลี่ยนสี เป็นต้น มีวิธีการทำดังนี้
1.สร้างปุ่ม 2 ปุ่ม ปุ่มแรก ชื่อ next01.jpg มีลักษณะปกติ ปุ่มที่สอง ชื่อ next02.jpg มีลักษณะที่ต้องการให้เกิดการเปลี่ยนแปลง เมื่อเมาส์ลากผ่าน เช่น
ปุ่มที่ 1 สภาพปกติ ปุ่มที่ 2 เมื่อเมาส์ลากผ่าน
- 2. นำภาพไปไว้ในห้องที่เก็บภาพ ซึ่งอยู่ใน site ที่กำลังทำงาน คือ c:\education\images
- 3. เปิดโปรแกรม Dreamweaver แล้วนำ Cursor ไปวางในบริเวณที่ต้องการสร้างปุ่ม
4. แล้วเลือกเมนูที่ Insert > Interactive Images > Rollover Image
5. เมื่อคลิกจะเกิดหน้าจอเมนูเล็ก สำหรับระบุว่า ภาพทั้งสองภาพ
ที่จะนำมาทำเป็นปุ่มนั้นอยู่ที่ไหน
6. ให้คลิกปุ่ม Browse
ของปุ่มแรก จะเกิดเมนูโต้ตอบ ให้คลิกเลือกภาพปกติ
ในตัวอย่างเลือกไฟล์ next01.jpg
8. จากนั้น ให้คลิก OK
9. จะปรากฎปุ่มให้เห็นในบริเวณที่กำหนด
10. เมื่อกด F12 และวางเมาส์ผ่านปุ่มนี้ ปุ่มก็จะเปลี่ยนแปลงตามที่ต้องการ