博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
淡入淡出js代码
阅读量:5843 次
发布时间:2019-06-18

本文共 948 字,大约阅读时间需要 3 分钟。

 
var autoPlay=function(parentID,childTag) {        var pictures = document.getElementById(parentID);        var items = pictures.getElementsByTagName(childTag);        var len=items.length;        var index = 0;        showItem();        // 显示一张图片        function showItem() {            // 首先将所有图片透明度设为0,再继续单独改变一张图片的opacity            hideItems();            items[index].style.opacity = 1;            // 将要显示的透明度改变让其显示            if (index > len - 2) {//对index进行变化,这一步是当index到头的时候,切换到第一张                index = 0;            } else {                index++;//index加一            }            // 在这里用setTimeout模拟setInterval的效果            setTimeout(showItem, 4000);//每隔4s调用一次showItem,        }        // 将所有图片透明度设为0        function hideItems() {//隐藏全部图片的代码            for (var i = 0; i < len; i++) {//遍历处理,对每张图片都进行隐藏                items[i].style.opacity = 0;            }        }    };

  

转载于:https://www.cnblogs.com/qianduangaoshou/p/6505461.html

你可能感兴趣的文章
Java高级开发工程师面试考纲
查看>>
FreeMarker表达式
查看>>
Debian9.2 下使用vnstat查看服务器带宽流量统计
查看>>
NGINX + PHP-FPM 502
查看>>
Openstack API常用命令
查看>>
OpenSSL漏洞凶猛来袭 慧眼恶意代码监测应对有方
查看>>
C语言 喝汽水问题
查看>>
ubuntu 下安装 mysql
查看>>
关于k-means聚类算法的matlab实现
查看>>
一键安装Gitlab后的备份、迁移与恢复
查看>>
因为本人工作繁忙,精力有限,本博客停止更新。有兴趣的博友可以关注我在CSDN上的主博客...
查看>>
SQL server查看触发器是否被禁用
查看>>
跟随我在oracle学习php(8)
查看>>
UVA-10212 The Last Non-zero Digit. 分解质因子+容斥定理
查看>>
求两个集合的交集,并集,差集
查看>>
Kotlin的语法糖(一)基础篇
查看>>
OkHttp源码分析
查看>>
NS_OPTIONS枚举的用法
查看>>
QAQ高精度模板笔记√
查看>>
【Android笔记】入门篇02:全屏设置和禁止横屏竖屏切换
查看>>