题
我正在尝试使用jQuery和CSS进行NAV下拉列表,而且我觉得我的陪审团远远超出了我的需求,但是我仍然是新手,并且无法找到更好/更清洁的方式要使这个工作...任何洞察力都将不胜感激。(使用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