منذ ظهور Dreamweaver لأول مرة، أصبح "سلوكه" القوي وسهل الاستخدام أحد النقاط الساخنة التي ينتبه إليها الجميع. في Dreamweaver MX (DW MX)، تم توسيع هذه الوظيفة وتحسينها.
في DW MX، يشير السلوك إلى عملية (إجراء) تم اتخاذها استجابةً لحدث (حدث). يشير الحدث إلى أحداث المتصفح، مثل تحديث النافذة وحركة الماوس وما إلى ذلك. يشير الإجراء إلى كود JavaScript الذي يستجيب للأحداث في الخلفية ويمكنه إكمال العمليات المقابلة، مثل تشغيل الأصوات وقلب الصور وما إلى ذلك.
يعد استخدام DW MX لإنشاء قائمة منسدلة للتنقل أحد المؤثرات الخاصة المستخدمة غالبًا في صفحات الويب. (الشكل 1) يستخدم بشكل أساسي سلوك "إظهار وإخفاء الطبقات" في DW MX.
الشكل 1
قم أولاً بإنشاء شريط التنقل (عمود "مركز المنتجات" في الشكل 1)، ثم قم بإضافة طبقة كموقع حيث سيتم عرض القائمة المنسدلة، واملأ الأعمدة المقابلة في القائمة المنسدلة.
بعد ذلك، افتح لوحة "السلوكيات" وحدد رابط "مركز المنتجات" (لاحظ أنه لا يمكنك تحديد الطبقة التي تم إنشاؤها حديثًا في هذا الوقت، وإلا فلن يمكن تطبيق سلوك "إظهار إخفاء الطبقات")، انقر فوق علامة "+" ، وحدد "إظهار إخفاء الطبقات"، يمكنك أن ترى أن الطبقة التي أنشأناها للتو موجودة في التحديد، ويمكن ضبطها على إخفاء أو إظهار (الشكل 2).
الشكل 2
ينعكس الاستخدام الرائع للسلوك بشكل أساسي في: إذا أردنا تنفيذ قائمة منسدلة، فإن المفتاح هو جعل الطبقة تظهر عندما يتحرك الماوس فوق رابط "مركز المنتج" وإخفاء الطبقة عندما يغادر الماوس الرابط. بناءً على هذه الفكرة، قمنا أولاً بإعداد إجراءين لهذه الطبقة، أحدهما يختار إخفاء والآخر يختار إظهار. بعد ذلك، اضبط الحدث وقم بتعيين حدث إخفاء الطبقة على OnMouseOut، مما يعني أن الماوس يترك الرابط؛ وقم بتعيين حدث إظهار الطبقة على OnMouseOver، مما يعني أن الماوس يحدد الرابط. اضغط على "F12" للمعاينة ويمكنك رؤية التأثير الذي نتوقعه.
بهذه الطريقة، يمكن بسهولة تنفيذ قائمة التنقل المنسدلة التي عادة ما نجدها غامضة في السلوك. يمكنك أيضًا الاستمرار في تطبيق سلوك "تبديل الصورة" على روابط التنقل لتحقيق تأثير قلب الصورة عند النقر بالماوس على الرابط.
السلوكيات ليست مؤثرات خاصة معزولة، بل يمكن دمجها وتركيبها بواسطة سلوكيات متعددة لتحقيق وظائف معقدة. بالإضافة إلى السلوكيات الافتراضية التي تحددها DW MX، يمكننا أيضًا تنزيل المزيد من سلوكيات الطرف الثالث الرائعة من www.mcromedia.com ما عليك سوى نسخها مباشرة إلى دليل DreamweaverMXConfigurationBehaviorsActions لجعل هذه النقطة المضيئة في DW MX أكثر إبهارًا.