JavaScript 解决 IE6 不支持 li:hover 的方法

网页上的任何一个元素都可以带鼠标悬浮效果。firefox 和 IE7 以上版本都可以直接加上 div:hover, li:hover 就可以让鼠标悬浮出效果了，但 IE6 不行，这时需要一段 JavaScript 代码来搞定。

JavaScript Code：

sfHover = function() {    var sfEls = document.getElementById("nav").getElementsByTagName("li");    for (var i = 0; i < sfEls.length; i++) {        sfEls[i].onmouseover = function() {            this.className += " sfhover"        }        sfEls[i].onmouseout = function() {            this.className = this.className.replace(new RegExp(" sfhover\\b"), "")        }    }}if (window.attachEvent) window.attachEvent("onload", sfHover);

xhtml Code：

<ul id="nav">   <li>列表一</li>   <li>列表一</li>   <li>列表一</li></ul>

 CSS Code：

#nav li:hover, #nav li.sfhover {     font-weight:700}