ie6中[:hover] bug 解决方案一

ie6中只支持带href属性的<a>标签的:hover效果，但用IE6的人群在中国还占有很大一个比例! 用js+css+html来解决方法之一：

在JS中：
<script type="text/javascript">
function fnOver(thisId){
var thisClass = thisId.className;
var overCssF = thisClass;
if(thisClass.length>0){thisClass = thisClass+" "};
thisId.className = thisClass + overCssF+"hover";
}
function fnOut(thisId){
var thisClass = thisId.className;
var thisNon = (thisId.className.length-5)/2;
thisId.className=thisClass.substring(0, thisNon);
}
</script>

在CSS中：
.black{ background:#000;}
.blackhover{ background:#ccc}

在HTML中：
<ul>
<li class="black" onmouseover="fnOver(this)" onmouseout="fnOut(this)">sdfsfdsdfsfd</li>
<li class="black" onmouseover="fnOver(this)" onmouseout="fnOut(this)">sdfsfdsdfsfd</li>
</ul>