参数说明：
fadeIn()与fadeOut()均有三个参数，第一个是事件， 必填；第二个是淡入淡出速度，正整数，大小自己权衡，可选参数；第三个, 是指定淡入淡出到的透明度值(类似于jQuery中的fadeTo())， 0~100的正整数值，也是可选参数。
关键代码：
效果图：
核心代码，大家可以直接查看效果
原生JS实现淡入淡出效果
以上就是原生js实现淡入淡出效果的全部代码，希望对大家的学习有所帮助。
js如何实现淡入淡出效果_javascript技巧
淡入淡出效果，在日常项目中经常用到，可惜原生JS没有类似的方法，而有时小的页面并不值得引入一个jQuery库，所以就自己写了一个，已封装，有用得着的朋友，可以直接使用。代码中另附有一个设置元素透明度的方法， 是按IE规则(0~100)设置， 若改成标准设置方法(0.00~1.00),，下面使用时请考虑浮点精确表达差值。