JS技术

Javascript教程_解决IE不支持JS渐隐效果源码教程_Javascript教程

字号+ 作者:H5之家 来源:H5之家 2015-09-27 11:05 我要评论( )

Javascript教程_解决IE不支持JS渐隐效果源码教程,学习Javascript教程_解决IE不支持JS渐隐效果源码教程,Javascript教程_解决IE不支持JS渐隐效果源码教程,查看Java

Javascript教程_解决IE不支持JS渐隐效果源码教程

<script>
function fun(){
    var div=document.getElementById('windowb');
      div.style.opacity=2;
      hidden(document.getElementById("windowb"),1,-0.01);
}
function hidden(o,i,s){
    t=setInterval(function(){   
    i+=s;
    o.style.opacity=i;
    if(i<0)window.clearInterval(t);
    },1);   
};
setTimeout("fun()",1000);
  </script>

我用了上面的代码制作DIV的渐隐效果。火狐和opera的浏览器支持,但IE没有反应。烦请大虾指点一二,小弟是初学者。谢谢!
希望可以在代码部分标注一下,可以让我更容易的学习。非常感谢

用jquery很简单就实现
$("#windowb").fadeIn("slow"); //淡入
$("#windowb").fadeOut("slow");   //谈出
后面还可以设置淡入淡出时间

 

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

相关文章
网友点评