javaScript 图片循环切换

最新推荐文章于 2020-07-22 12:21:01 发布

ChinaGuangZhou000000

最新推荐文章于 2020-07-22 12:21:01 发布

阅读量848

点赞数

分类专栏： javaScript 文章标签： javascript div function layer

本文链接：https://blog.csdn.net/ChinaGuangZhou000000/article/details/6698875

版权

javaScript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<htnl><head>
<title></title>
<script language="javascript">
var pr1=1;//当前图片；
var max3=5;//当前图片；
function show(){
   var next=pr1+1;
   if(next==max3+1){
    pr1=max3;
    next=1;
   }
   {
   document.getElementById('div'+next).style.display="block";
   document.getElementById('div'+pr1).style.display="none";
   if(pr1==max3)
   pr1=1;
   else
   pr1 ++;
   }
  setTimeout("show()",2000);
}
</script>
</head>
<body οnlοad="show()">
<div id="Layer1" style="position:absolute; left:119px; top:56px; width:565px; height:346px; z-index:1;">
<img src="images/1.jpg" width="297" height="352" id="div1"/>
<img src="images/2.jpg" width="297" height="352" id="div2"/>
<img src="images/3.jpg" width="297" height="352" id="div3"/>
<img src="images/4.jpg" width="297" height="352" id="div4"/>
<img src="images/5.jpg" width="297" height="352" id="div5"/>
</div>
</body>
</html>

ChinaGuangZhou000000

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javaScript 图片循环切换

var pr1=1;//当前图片； var max3=5;//当前图片； function show(){ var next=pr1+1; if(next==max3+1){ pr1=max3; next=1; } {
复制链接

扫一扫

专栏目录