今天在处理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>