CSS实例教程:完美解决IE6不支持hover的方法


<style type=”text/css”> 
 
      p:hover,p.hover { background:#eee; }   /* 就是要多写一个.hover而已 */
 
</style>

下面这段代码要放到页面的底部在</body> 前:
 
<script type=”text/javascript”>  
 
//<!–  让所有标记支持hover  
 
function $(){  
 
      if(document.all){ // 判断是否IE浏览器  
 
           var obj=document.all;  
 
            for(var i=0;i<obj.length;i++){  
 
                  obj[i].onmouseover=function(){  
 
                        this.className=”hover”  
 
                  } ;  
 
                  obj[i].onmouseout=function(){  
 
                        this.className=”"  
 
                  }  
 
            }  
 
      }  
 
}  
 
$();  
 
//–>  
 
</script>


« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3