หัวเรื่องที่ 2.2 การออกแบบเมนูเชื่อมโยงด้วยภาพ
เมนูเชื่อมโยงด้วยภาพ (Rollover Image) เป็นการเชื่อมโยงข้อมูลที่นำเมาส์ไปวางไว้เหนือปุ่มกราฟิกที่กำหนด ปุ่มกราฟิกนั้นจะเปลี่ยนไปเป็นภาพอื่นๆ และปุ่มกราฟิกจะคืนสู่สภาพเดิม เมื่อนำเมาส์เลื่อนออก เป็นเทคนิคในการเพิ่มความน่าสนใจและสวยงามของเว็บไซต์
หลักการสร้างเมนูเชื่อมโยงด้วยภาพ
1. เตรียมภาพกราฟิกที่มีขนาด ความกว้าง x ยาว เท่ากัน รายการละ 2 ภาพ
2. ภาพหนึ่งจะเป็นภาพต้นฉบับ อีกภาพจะเป็นภาพที่สามารถปรับเปลี่ยนได้ มีสีแตกต่างกัน หรือ Effect ต่างกัน
| |
 |
ภาพที่ 1 |
| |
 |
ภาพที่ 2 |
| |
|
ตัวอย่าง เมนูแบบ Rollover Image
ทดสอบโดยการนำเมาส์ชี้ที่แถบเมนี้ |
|
