当前位置：首页 → 问答吧 → 再请教一个关于透明的问题

再请教一个关于透明的问题

时间：2009-06-20

来源：互联网

需实现的效果有一个DIV ，默认为不可见，当我鼠标移动上去后，逐渐以动画的形式现实出来

我知道Jquery的写法

  $("div").hover(function(){
      $(this).stop().animate({
       opacity:0
     },300);
  },function(){
      $(this).stop().animate({
      opacity:1
},300);
  });

但问题是我默认是DIV 的样式表怎么写呢？ DISPLAY:NONE ？？

注意，前提是我必须用以上的JQUERY代码来实现，不能用fallOut

[ 此帖被zhumq1982在2009-06-20 22:22重新编辑 ]

作者: zhumq1982 发布时间: 2009-06-20

就是你说的DISPLAY:NONE

此外可以用hide函数
  $("div").hide()
  .hover(function(){
      $(this).stop().animate({
       opacity:0
     },300);
  },function(){
      $(this).stop().animate({
       opacity:1
  },300);
  });

作者: keakon 发布时间: 2009-06-20

兄弟，不行啊

你看show

作者: zhumq1982 发布时间: 2009-06-20

原来你说的是这个啊，要兼容所有浏览器的话，就这样写：
filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; -khtml-opacity: 0;
其中opacity: 0是标准的

但由于仍然会占用文档流，所以建议加上display:none，在click时用show()

如果认为这样写css太麻烦，先使用display:none，然后调用animate({opacity:0}, 0)

作者: keakon 发布时间: 2009-06-20

对象都不见了鼠标怎么移动到他上面去？

作者: 青色发布时间: 2009-06-20

引用

引用第3楼keakon于2009-06-20 21:20发表的 :
原来你说的是这个啊，要兼容所有浏览器的话，就这样写：
filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; -khtml-opacity: 0;
其中opacity: 0是标准的

但由于仍然会占用文档流，所以建议加上display:none，在click时用show()
.......

呵呵是啊，所以我觉得好像挺麻烦的，灵活性不高。
难道以后需要全部先用JQUERY RESET一下，全部调整成JQUERY可以修改的方法，呵呵

作者: zhumq1982 发布时间: 2009-06-20