非常简单的js切换效果（具有举一反三效果）
浏览数：18 /
时间：2015年06月09日
今天无意中在网上发现的，代码非常的简单，一看就明白的js图片切换效果代码，喜欢简洁的朋友可以参考一下。
html:
1 <img src="a1.jpg" width="478" height="286" id="showpic" />
图片可以自己设置的，下面我们来看下切换脚本，利用数组把图片装起来。
1 <script type="text/javascript"> 2 window.onload = function(){ 3 var curIndex = 0; 4 var timerInterval = 2000; //时间间隔 单位毫秒 5 var arr = new Array(); 6 arr[0] = "a1.jpg"; 7 arr[1] = "a2.jpg"; 8 arr[2] = "a3.jpg"; 9 arr[3] = "a4.jpg"; 10 arr[4] = "a5.jpg"; 11 arr[5] = "a6.jpg"; 12 arr[6] = "a6.jpg"; 13 setInterval(changeImg,timerInterval); 14 function changeImg(){ 15 var obj = document.getElementById(‘showpic‘); 16 if(curIndex == arr.length - 1){ 17 curIndex = 0; 18 }else{ 19 curIndex += 1; 20 } 21 obj.src = arr[curIndex]; 22 } 23 } 24 </script>
这段代码，简单但很巧妙。
经过测试，完全可以实现自动切换。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
