JS效果完美解决IE6不支持li:hover悬浮的问题

网页上LI列表和DD都可以带上鼠标触及改变背景颜色的效果，设置方式例如：p:hover,li:hover,dd:hover代码，这样就可以让鼠标悬浮出效果，但是这种代码经过测试在IE6是不支持的，因此需要一段JS代码来支持：

一下是JS代码，其中nav是CSS里的ID编码代码...

lihover=function(){
varsfEls=document.getElementById("nihao").getElementsByTagName("li");
for(vari=0;i<sfEls.length;i++){
sfEls[i].onmouseover=function(){
this.className+="lihover"
}
sfEls[i].onmouseout=function(){
this.className=this.className.replace(newRegExp("lihover\\b"),"")
}
}
}
if(window.attachEvent)window.attachEvent("onload",lihover);
然后编写CSS代码：
.nihao{width:600px;margin:0pxauto;}
.nihaoulli{width:580px;height:30px;margin-bottom:1px;margin-top:1px;list-style:none;background:#efefef;}
.nihaoulli:hover{background:green;}
.nihaoulli.lihover{background:green;}
最后是HTML代码：
<pclass="nihao">
<ulid="nav">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</p>
演示预览效果如下：