天天看點

ie6下hover改變背景顔色

   今天在處理hover改變背景顔色的時候,發現firefox和ie7都可以正常顯示,但是ie6下就沒能實作效果,通過查找發現以下這個方法還是比較簡單實用的,特此記錄下免得日後忘記了,也希望能幫到有需要的人。

在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>

繼續閱讀