位置: 编程技术 - 正文
js如何实现淡入淡出效果(js设置)
编辑：rootadmin推荐整理分享js如何实现淡入淡出效果(js设置)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:js设置,js实现promise.all,js实现promise.all,js如何实现淡入淡出模式,js怎么引入html,js如何实现淡入淡出功能,js进入页面,js如何实现淡入淡出模式,内容如对您有帮助，希望把文章链接给更多的朋友！
淡入淡出效果，在日常项目中经常用到，可惜原生JS没有类似的方法，而有时小的页面并不值得引入一个jQuery库，所以就自己写了一个，已封装，有用得着的朋友，可以直接使用。代码中另附有一个设置元素透明度的方法， 是按IE规则(0~)设置， 若改成标准设置方法(0.~1.),，下面使用时请考虑浮点精确表达差值。
参数说明：fadeIn()与fadeOut()均有三个参数，第一个是事件， 必填；第二个是淡入淡出速度，正整数，大小自己权衡，可选参数；第三个, 是指定淡入淡出到的透明度值(类似于jQuery中的fadeTo())， 0~的正整数值，也是可选参数。关键代码：
效果图：
核心代码，大家可以直接复制代码查看效果
上一篇：JavaScript数组去重的五种方法(javascript数组去重函数)
下一篇：javascript中的altKey 和 Event属性大全(JavaScript中的this)