Trace: » wd123
Pop-Up Menu
การสร้าง Pop-up Menu จะใช้ความสามารถของเลเยอร์ ผสมกับ Behaviors
- เปลี่ยน Insert Bar จาก Common เป็น Layout แล้วคลิกปุ่ม Draw Layer
- วาดกรอบเลเยอร์ สร้างตารางขนาด 1 x 1 ความกว้าง 100% ค่าที่เหลือเป็น 0
สัญลักษณ์
แสดงจำนวนเลเยอร์ที่สร้าง กรณีที่มีการซ่อนเลเยอร์ สามารถเปิดการแสดงสัญลักษณ์ได้จากคำสั่ง Edit, Preferences เลือกบัตรรายการ Invisible Elements แล้วเลือกรายการ
- พิมพ์รายการคำสั่งในตาราง แล้วเลือกรายการ ป้อนสัญลักษณ์ # ที่รายการ Link ของบัตร Properties
- เลือกเลเยอร์ แล้วตั้งชื่อเลเยอร์เป็น menu
- เลือกเลเยอร์ แล้ว Edit, Copy / Edit, Paste เพื่อสร้างเลเยอร์ชิ้นที่ 2 ลากเลเยอร์ชิ้นที่สอง ออกจากชิ้นแรก
- ตั้งชื่อเลเยอร์ชิ้นที่ 2 เป็น popup แล้วพิมพ์รายการเพิ่ม สำหรับทำจุดลิงก์ เช่น
- ทำลิงก์ให้กับรายการเมนู เช่น
- คลิกเพื่อปิดเมนู พิมพ์ #
- ฟรีอีเมล์โดย HotMail พิมพ์ http://www.hotmail.com
- หนังสือพิมพ์ไทยรัฐ พิมพ์ http://www.thairath.com
- สร้างเงื่อนไข
- ในสภาวะปกติให้เลเยอร์ popup ซ่อนไว้
- เมื่อมีการคลิกคำว่า “คลิกเพื่อเปิดเมนู” ให้แสดงเลเยอร์ popup และซ่อนเลเยอร์ menu
- เมื่อมีการคลิกคำว่า “คลิกเพื่อปิดเมนู” ให้ปิดเมนู popup และเปิดเลเยอร์ menu
- เลือกข้อความ “คลิกเพื่อปิดเมนู” ของเลเยอร์ popup
- กำหนดค่าดังนี้
- เลือกเลเยอร์ popup แล้วตั้งค่า Visible ให้เป็น Hidden
- เลือกเลเยอร์ menu แล้วเลือกรายการเมนู กำหนดค่า Behaviors ดังนี้
- เลื่อนเลเยอร์ทั้งสองให้วางซ้อนกันพอดี เพื่อแสดงเป็น popup
- บันทึกไฟล์ แล้วทดสอบ
ผู้เขียน
- นายบุญเลิศ อรุณพิบูลย์ นักวิชาการ ศูนย์บริการความรู้ทางวิทยาศาสตร์และเทคโนโลยี












