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

Posted 何晨昊

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了制作网页轮播效果最简便的代码方式，希望萌新们能用到相关的知识，希望对你有一定的参考价值。

<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>

　　

以上是关于制作网页轮播效果最简便的代码方式，希望萌新们能用到的主要内容，如果未能解决你的问题，请参考以下文章

CSU OJ2151 集训难度

币圈量化交易萌新看过来--带你走近币圈量化

开发中经常用到的特效效果

开发中经常用到的特效效果

通过辅助插件完成APP端网页轮播制作

vs2012中怎么制作轮播图