js如何实现淡入淡出效果_javascript技巧

来源：动视网责编：小采时间：2020-11-27 21:45:14

js如何实现淡入淡出效果_javascript技巧

js如何实现淡入淡出效果_javascript技巧:淡入淡出效果，在日常项目中经常用到，可惜原生JS没有类似的方法，而有时小的页面并不值得引入一个jQuery库，所以就自己写了一个，已封装，有用得着的朋友，可以直接使用。代码中另附有一个设置元素透明度的方法，是按IE规则(0~100)设置，若改成标准设置方

推荐度：

点击下载本文 文档为doc格式

导读js如何实现淡入淡出效果_javascript技巧:淡入淡出效果，在日常项目中经常用到，可惜原生JS没有类似的方法，而有时小的页面并不值得引入一个jQuery库，所以就自己写了一个，已封装，有用得着的朋友，可以直接使用。代码中另附有一个设置元素透明度的方法，是按IE规则(0~100)设置，若改成标准设置方

淡入淡出效果，在日常项目中经常用到，可惜原生JS没有类似的方法，而有时小的页面并不值得引入一个jQuery库，所以就自己写了一个，已封装，有用得着的朋友，可以直接使用。代码中另附有一个设置元素透明度的方法，是按IE规则(0~100)设置，若改成标准设置方法(0.00~1.00),，下面使用时请考虑浮点精确表达差值。

参数说明：
fadeIn()与fadeOut()均有三个参数，第一个是事件，必填；第二个是淡入淡出速度，正整数，大小自己权衡，可选参数；第三个, 是指定淡入淡出到的透明度值(类似于jQuery中的fadeTo())， 0~100的正整数值，也是可选参数。
关键代码：

效果图：

核心代码，大家可以直接查看效果

 
 
 
 
原生JS实现淡入淡出效果

js如何实现淡入淡出效果_javascript技巧

推荐度：

点击下载本文 文档为doc格式

标签：实现 js 效果

热门焦点

js如何实现淡入淡出效果_javascript技巧

js如何实现淡入淡出效果_javascript技巧

js如何实现淡入淡出效果_javascript技巧

最新推荐

猜你喜欢

热门推荐