位置: 编程技术 - 正文
推荐整理分享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~的正整数值,也是可选参数。关键代码:
效果图:
核心代码,大家可以直接复制代码查看效果
标签: js设置
本文链接地址:https://www.jiuchutong.com/biancheng/383676.html 转载请保留说明!友情链接: 武汉网站建设