对stackoverflow样式的“问题”/“标签”滚动按钮进行编码的最佳方法

链接上的悬停效果不需要javascript。只需使用:悬停 pseudo-class :

a:hover {
    background-color:#FF9900; 
}

navigation using unordered lists .

使用 元素是有意义的,因为它们是(链接的)列表,给出了链接的语义。当对事物进行语义标记时,非视觉浏览器(如搜索引擎)和使用屏幕阅读器的视觉不可见的人可以理解文档。

分解它,它的css驱动:

.primarynav li {
    margin-right:7px;
}
.primarynav li:hover {
   background-color:#FF9900;
}

萤火虫是我的朋友。

然而,没有理由这么做 不能 可以使用javascript完成

jQuery(function($){ 
      $("ul#nav li").each(function(i,v){ 
           $(v).hover(function(){ 
              $(v).addClass("hovered"); 
           },function(){ 
              $(v).removeClass("hovered");
           }); 
      });
});

仅CSS:

a.tagLink {
    background-color: red;
}

a.tagLink:hover {
    background-color: blue;
}

您不需要为此使用JavaScript;一些简单的CSS就足够了:

a:hover {
    background-color: /* something magical */;
}

请注意“ :hover “选择器的一部分;这是一个神奇的位,它在非- <a>