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