首页 > Web开发 > 详细

制作网页轮播效果最简便的代码方式,希望萌新们能用到

时间:2017-11-26 11:48:24      阅读:230      评论:0      收藏:0      [点我收藏+]
<body onload="imgMove()">
		<div id="div1">
			<img src="下载图片/18370029_980x1200_0.jpg"  width="1200"    id="picture"/>

		</div>
</body>



<script type="text/javascript">
			
			var arr=new Array();
				arr[0]="下载图片/18370029_980x1200_0.jpg";
				arr[1]="下载图片/63d0f703918fa0ec7e56fedf2c9759ee3c6ddb4b.jpg";
				arr[2]="下载图片/9a504fc2d56285352b9a48ca9aef76c6a6ef63e7.jpg";
				arr[3]="下载图片/a0a3k908338577213596.jpg";
			var i=0;
			//轮播移动的函数
			function imgMove() {
				var imgs=document.getElementById("picture");
				imgs.src=arr[i];
				i++;
				if (i==4) {
					i=0;
					
				}
				setTimeout("imgMove()",2000);
			}
			
			
		</script>

  

制作网页轮播效果最简便的代码方式,希望萌新们能用到

原文:http://www.cnblogs.com/hechenhao/p/7898516.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!