Question

我正在尝试使用jquery和css进行导航下拉，我觉得我的陪审团操作远远超出了我的需要，但是我仍然是jquery的新手并且无法找到更好的/更清洁的方式让这个工作......任何见解都会非常感激..（使用锡膏只是因为它很长）

Answer 1

您可以缩短颜色代码并使其更容易维护，这将取代您发布的所有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)');
});

You can see a demo here，但当然图像不起作用：）

真正凌乱的JQUERY

1 个答案: