中国设计秀
中国设计秀
  • 当前位置:首页 > 网络设计学院 > CSS/html5教程

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

作者:vivi2009 源自:中国设计秀 时间:2016-07-10 14:07:37 点击: 关键字:css

网页制作cnwebshow文章简介:完美解决IE6不支持hover的方法.
PN7网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀

<style type=”text/css”>  PN7网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
 PN7网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
      p:hover,p.hover { background:#eee; }   /* 就是要多写一个.hover而已 */PN7网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
 PN7网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
</style>PN7网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀

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

上一篇文章: css图片切图转网页的代码规范           下一篇文章: CSS3设计网页制作漂亮的网页图片
本文引用地址:http://www.cnwebshow.com/
本文关键字:css