นับตั้งแต่เปิดตัว Dreamweaver "พฤติกรรม" ที่ใช้งานง่ายและมีประสิทธิภาพได้กลายเป็นหนึ่งในประเด็นร้อนที่ทุกคนให้ความสนใจ ใน Dreamweaver MX (DW MX) ฟังก์ชันนี้ได้รับการขยายและปรับปรุง
ใน DW MX พฤติกรรมหมายถึงการดำเนินการ (การกระทำ) ที่ดำเนินการเพื่อตอบสนองต่อเหตุการณ์ (เหตุการณ์) เหตุการณ์หมายถึงเหตุการณ์ของเบราว์เซอร์ เช่น การรีเฟรชหน้าต่าง การเคลื่อนไหวของเมาส์ ฯลฯ การดำเนินการหมายถึงโค้ด JavaScript ที่ตอบสนองต่อเหตุการณ์ในเบื้องหลังและสามารถดำเนินการที่เกี่ยวข้องให้เสร็จสิ้นได้ เช่น การเล่นเสียง การพลิกรูปภาพ ฯลฯ
การใช้ DW MX เพื่อสร้างเมนูแบบเลื่อนลงการนำทางเป็นหนึ่งในเอฟเฟกต์พิเศษที่มักใช้ในหน้าเว็บ (รูปที่ 1) ส่วนใหญ่ใช้ลักษณะการทำงาน "แสดง-ซ่อนเลเยอร์" ใน DW MX
รูปที่ 1
ขั้นแรกให้สร้างแถบนำทาง (คอลัมน์ "ศูนย์ผลิตภัณฑ์" ในรูปที่ 1) จากนั้นเพิ่มเลเยอร์เป็นตำแหน่งที่เมนูแบบเลื่อนลงจะปรากฏขึ้น และกรอกข้อมูลในคอลัมน์ที่เกี่ยวข้องของเมนูแบบเลื่อนลง
จากนั้น เปิดแผง "พฤติกรรม" และเลือกลิงก์ "ศูนย์ผลิตภัณฑ์" (โปรดทราบว่าคุณไม่สามารถเลือกเลเยอร์ที่สร้างขึ้นใหม่ได้ในขณะนี้ ไม่เช่นนั้นจะไม่สามารถใช้ลักษณะการทำงาน "แสดง-ซ่อนเลเยอร์" ได้) คลิกเครื่องหมาย "+" และเลือก "แสดง-ซ่อนเลเยอร์" คุณจะเห็นว่าเลเยอร์ที่เราเพิ่งสร้างขึ้นนั้นอยู่ในส่วนที่เลือก และสามารถตั้งค่าให้ซ่อนหรือแสดงได้ (รูปที่ 2)
รูปที่ 2
การใช้พฤติกรรมที่ยอดเยี่ยมส่วนใหญ่สะท้อนให้เห็นใน: หากเราต้องการใช้เมนูแบบเลื่อนลง สิ่งสำคัญคือทำให้เลเยอร์แสดงเมื่อเลื่อนเมาส์ไปที่ลิงก์ "Product Center" และซ่อนเลเยอร์เมื่อออกจากเมาส์ ลิงค์ ตามแนวคิดนี้ ขั้นแรกเราได้ตั้งค่าการดำเนินการสองรายการสำหรับเลเยอร์นี้ การดำเนินการหนึ่งเลือกซ่อน และอีกรายการเลือกแสดง จากนั้น ปรับเหตุการณ์และตั้งค่าเหตุการณ์ของเลเยอร์เป็น OnMouseOut ซึ่งหมายความว่าเมาส์จะออกจากลิงก์ และตั้งค่าเหตุการณ์ของเลเยอร์เป็น OnMouseOver ซึ่งหมายความว่าเมาส์จะเลือกลิงก์ กด "F12" เพื่อดูตัวอย่างและคุณจะเห็นผลลัพธ์ที่เราคาดหวัง
ด้วยวิธีนี้ เมนูแบบเลื่อนลงการนำทางที่เรามักจะพบว่าลึกลับสามารถนำไปใช้ในลักษณะการทำงานได้อย่างง่ายดาย คุณยังสามารถใช้ลักษณะการทำงาน "สลับรูปภาพ" บนลิงก์การนำทางต่อไปได้ เพื่อให้ได้เอฟเฟกต์การพลิกรูปภาพเมื่อคลิกเมาส์บนลิงก์
พฤติกรรมไม่ได้แยกจากกัน พฤติกรรมเหล่านี้สามารถนำมารวมกันและซ้อนทับด้วยพฤติกรรมต่างๆ เพื่อให้ได้ฟังก์ชันที่ซับซ้อน นอกเหนือจากพฤติกรรมเริ่มต้นที่กำหนดโดย DW MX แล้ว เรายังสามารถดาวน์โหลดพฤติกรรมเจ๋งๆ ของบุคคลที่สามได้จาก www.mcromedia.com เพียงคัดลอกโดยตรงไปยังไดเร็กทอรี DreamweaverMXConfigurationBehaviorsActions เพื่อทำให้จุดประกายของ DW MX โดดเด่นยิ่งขึ้น