أفضل الممارسات سؤال: قائمة الحديثة مع Sub Divs و Paluthing Page

Question

تحيات! أنا مهتم بتعليقاتك بشأن أفضل الممارسات للتعامل مع نظام قائمة موقع الويب باستخدام الأساليب الحديثة (مسج؟).

الطريق القديم (في المكان حاليا):

<div id="menu">
  <ul>
    <li class="navHotel"><a href="#" onmouseover="MM_showHideLayers('hotel','','show','tour','','hide','location','','hide','attractions','','hide','dining','','hide')">hotel</a></li>
    <li class="navTour"><a href="#" onmouseover="MM_showHideLayers('hotel','','hide','tour','','show','location','','hide','attractions','','hide','dining','','hide')">take a tour</a></li>        
    <li class="navLocation"><a href="#" onmouseover="MM_showHideLayers('hotel','','hide','tour','','hide','location','','show','attractions','','hide','dining','','hide')">location</a></li>
    <li class="navAttractions"><a href="#" onmouseover="MM_showHideLayers('hotel','','hide','tour','','hide','location','','hide','attractions','','show','dining','','hide')">attractions</a></li>
    <li class="navDining"><a href="#" onmouseover="MM_showHideLayers('hotel','','hide','tour','','hide','location','','hide','attractions','','hide','dining','','show')">dining</a></li>
  </ul>

كما ترى أن كل رابط NAV يظهر ويخفي مجموعات مختلفة (القوائم الفرعية) القائمة على mouseover. يجب أن تحتوي كل صفحة في الموقع على حالة قائمة فرعية مبدئية مختلفة، لذلك لدي مشغلات إضافية في التثبيت الإضافية المتصلة بمختلف Divs حتى إذا حرك الزائر الماوس إلى أجزاء أخرى من الصفحة، فإن القائمة الأصلية تقوم قائمة "المفاجئة":

<div id="leftColumn1" onmouseover="MM_showHideLayers('hotel','','hide','location','','hide','attractions','','hide','dining','','hide')">

أعرف المنهجيات بلدي ضربات وهناك طرق / تقنيات أفضل أخرى للتعامل مع هذا.

لتلخيص، أنا أبحث عن:

1) الإدارة المركزية لرمز نظام القائمة (أنا أستخدمها تشمل الآن والتي آمل أن تكون صحيحة) 2) طريقة أفضل لمعالجة MouseVers وعرض القائمة الفرعية. 3) طريقة أفضل للتعامل مع تأثير الخلفية "المفاجئة" عند نقل الماوس بعيدا عن منطقة القائمة.

شكرا مقدما على ملاحظاتك! أتمنى لك يوما عظيما!

Answer 1

يجب أن تحاول استخدام JQuery وإعطاء كل عنصر قائمة من الفئة بدلا من تلوث العلامات مع الكثير من OnClicks.

باستخدام JQuery، يمكنك ببساطة استخدام فئة أو معرف كل عنصر قائمة وكتابة الوظيفة الخاصة بالوساطة، والنقرات وما إلى ذلك.

البرامج التعليمية في http://docs.jquery.com/tutorials. من السهل اتباع واللغة سهلة للغاية للتعلم. بدء القراءة من خلال والحصول على الذهاب.

حظ سعيد!