本文实例讲述了JS实现的透明度渐变动画效果。分享给大家供大家参考,具体如下:
www.jb51.net JS透明度变化效果
body{
margin: 0px;
padding: 0px;
}
.redb{
width:200px;
height: 200px;
background: red;
filter:alpha(opacity=30);
opacity: 0.3;
}
运行效果:
小结:
1、filter和opacity区别:w3c标准透明度就是opacity,filter只有IE才能用,其他浏览器都支持opacity
2、改变透明度时候,不能通过类似offsetLeft的方法获取透明度值,因此需要单独创建变量
3、不要忘记将定时器赋值给timer
更多关于Javascript相关内容感兴趣的读者可查看本站专题:《Javascript页面元素操作技巧总结》、《Javascript运动效果与技巧汇总》、《Javascript动画特效与技巧汇总》、《Javascript图形绘制技巧总结》、《Javascript切换特效与技巧总结》、《Javascript错误与调试技巧总结》、《Javascript数据结构与算法技巧总结》及《Javascript数学运算用法总结》
希望本文所述对大家Javascript程序设计有所帮助。



