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
}