سؤال
أحاول إنشاء منسدلة NAV باستخدام jQuery و CSS ، وأشعر أنني أتخلى عن هيئة المحلفين إلى ما هو أبعد من حاجتي ، ومع ذلك ما زلت جديدًا على jQuery ولا يمكنني اكتشاف طريقة أفضل/أنظف تمامًا للحصول على هذا العمل ... سيكون موضع تقدير كبير لأي نظرة ثاقبة .. (باستخدام Tinypaste فقط لأنها طويلة)
لا يوجد حل صحيح
نصائح أخرى
يمكنك تقصير رمز اللون الخاص بك لأسفل وجعله أسهل قليلاً في الحفاظ عليه ، وهذا سيحل محل جميع رمز jQuery الذي نشرته:
var colors = {
"home":"#43b1cc",
"transport":"#f6e572",
"landdev":"#fda882",
"environment":"#b6e578"
};
$('#nav > li').hover(function() {
var color = colors[$(this).attr("id")];
if (color) $(this).parent().css('background-color', color);
}, function(){
$(this).parent().css('background-color', '#000');
});
$('#nav #transport ul').hover(function() {
$(this).prev('a').css('backgroundImage', 'url(images/nav_transport_on.png)');
}, function(){
$(this).prev('a').css('backgroundImage', 'url(images/nav_transport_off.png)');
});
يمكنك رؤية عرض تجريبي هنا, ، على الرغم من أن الصور لن تعمل :)
لا تنتمي إلى StackOverflow