Jump Menu เป็น Menu Pop-up ชนิดหนึ่งที่เป็นที่นิยม และนำมาใช้เป็นองค์ประกอบใน Webpage ซึ่งทำให้ผู้เข้าเยี่ยมชม Website ของเราสามารถเลือก link เพื่อไปหน้าต่างๆ ได้อย่างรวดเร็ว ทดลองใช้ Jump Menu ทางด้านขาว==>
วิธีการสร้าง Jump Menu
1. วางเคอร์เซอร์ไว้ในตำแหน่งที่ต้องการสร้าง Jump Menu
2. ไปที่ Insert Menu > Form Object > Jump Menu
คุณสามารถเลือกคำสั่ง Jump Menu ได้จาก Object Tools Box ในหมวด Form
->->
Jump Menu Property จะปรากฎขึ้นดังรูป
3. ให้พิมพ์ข้อความในช่อง Text Field ซึ่งจะเป็นหัวข้อของ Jump Menu อันนี้ ในที่นี้ผมพิมพ์ว่า Dreamweaver Tutorials
4. เมื่อพิมพ์หัวข้อเสร็จแล้วให้คลิ๊กที่ช่องสี่เหลี่ยมหน้า Select First Item After URL Change ให้มีเครื่องหมายถูก (ถ้าคุณติ๊กถูกที่ช่อง Insert Go Button After Menu หมายความว่า คุณต้องการให้ใส่ปุ่ม Go ไว้หลัง Jump Menu ด้วย)
5. คลิ๊กที่ปุ่ม + (บนสด-ซ้าย) เพื่อใส่ข้อความที่พิมพ์ไว้ในข้อ 3 เข้าไปใน Jump Menu
6. ให้พิมพ์ข้อความ "ทำความรู้จักกับ Dreamweaver" ในช่อง Text Field คราวนี้ให้ใส่ Link โดยคลิ๊กที่ปุ่ม Browse (ตรงช่อง When Selected, Go To URL) แล้วเลือกหาไฟล์ HTML ที่จะมาเป็น Link
7. จากนั้นคลิ๊ที่ปุ่ม + เพื่อเพิ่มตัวเลือกนี้ไปไว้ใน Jump Menu
8. ในช่อง Text Field ให้พิมพ์ข้อความ "การทำ Dropdrown Menu" แล้ว Browse หาไฟล์ที่จะมาเป็น Link แล้วคลิ๊กที่ปุ่ม +
9. พิมพ์ตัวเลือกอื่นเพิ่มโดยเรียนแบบวิธีการในข้อ 8. ถ้าคุณยังมี Link อื่นอีก
10. เมื่อเพิ่มตัวเลือกจนครบแล้ว ให้กด OK โปรแกรม Dreamweaver จะใส่ Jump Menu ลงในหน้า webpage ของคุณ
11. Save แล้วลอง Test ใน Browser
ที่มา http://sleepydesign.tripod.com/jumpmenu.html |