css3技术

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

字号+ 作者:H5之家 来源:H5之家 2015-09-16 17:07 我要评论( )

CSS实例教程:完美解决IE6不支持hover的方法,学习CSS实例教程:完美解决IE6不支持hover的方法,CSS实例教程:完美解决IE6不支持hover的方法,查看CSS实例教程:完美解

以下是: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>

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • CSSfloats来创建三栏网页布局的方法_div+css布局教程

    CSSfloats来创建三栏网页布局的方法_div+css布局教程

    2015-10-02 15:03

  • CSS混合风格按钮无延迟翻转图形技巧_div+css布局教程

    CSS混合风格按钮无延迟翻转图形技巧_div+css布局教程

    2015-09-29 09:16

  • CSS定义表格溢出时的自动隐藏!_div+css布局教程

    CSS定义表格溢出时的自动隐藏!_div+css布局教程

    2015-09-29 08:18

  • CSS对文字溢出时的自动隐藏处理_div+css布局教程

    CSS对文字溢出时的自动隐藏处理_div+css布局教程

    2015-09-29 08:07

网友点评