js 实现图片淡入淡出效果
本文实例为大家分享了 js 实现图片淡入淡出的具体代
码,供大家参考,具体内容如下
分析过程:
1.给最大父元素里添加多张图片,让第一张图片的透明
度为 1 opacity: 1
其余图片的透明度为 0;
给图片下面设置一排小点
2.获取每张图片,动态设置不同层级,层级大小从 4 到
0 依次设置;
Setz_index:funcon(){
KKKKKKKKfor(var i=0;i<this.Photo.length;i++ ){
KKKKKKKKKKKKindex=i;
KKKKKKKKKKKKthis.Photo[i].style.zIndex =this.Photo.length-i-1;
KKKKKKKK}
KKKK},