如何用JavaScript实现图片的渐显渐隐效果？

本文共计898个文字，预计阅读时间需要4分钟。

原文示例：本文字例为大家分享了js实现图片淡入淡出的具体代码，供大家参考，具体内容如下：

分析过程：

1.给最大子元素添加多张图片，让第一张图片的透明度为1，其他图片的透明度为0。

本文实例为大家分享了js实现图片淡入淡出的具体代码，供大家参考，具体内容如下

分析过程：

1.给最大父元素里添加多张图片，让第一张图片的透明度为1 opacity: 1

其余图片的透明度为0；
给图片下面设置一排小点

2.获取每张图片，动态设置不同层级，层级大小从4到0依次设置；

Setz_index:function(){ for(var i=0;i<this.Photo.length;i++ ){ index=i; this.Photo[i].style.zIndex =this.Photo.length-i-1; } },

3.给图片设置两种出现的方式，顺时针出现或者逆时针出现；图片变动的同时，对应的小点也进行变动。出现的图片层级最高，透明度为一，其余图片透明度为0，并且对应的小点颜色变为粉色。