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>