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" οnmοuseοver="fnOver(this)" οnmοuseοut="fnOut(this)">sdfsfdsdfsfd</li>

    <li class="black" οnmοuseοver="fnOver(this)" οnmοuseοut="fnOut(this)">sdfsfdsdfsfd</li>

</ul>