轮播也可以这么简单

本来是学弟让我帮改他的轮播代码,看到定时器就突发奇想,轮播可不可以用定时器实现?那不就简单多了。

将我需要的轮播图片存入Img数组,然后用计时器调用换容器背景图片的函数来实现图片轮播。如果不想通过换背景图片可改为其他形式代码。然后说明一下这只能实现最普通的轮播效果,炫酷的轮播还是得多敲敲代码

.代码记录如下:
 
   
   
   
   
$(document).ready(function() {

			var img = ['./images/1.jpg','./images/2.jpg','./images/3.jpg','./images/4.jpg'];
			var i = 0;
		
			var t = setInterval(change, 2000);
		
			function change() {
				if (i >= img.length) {
					clearInterval(t);
					return;
				}
				var top = document.getElementById("top");
				top.style.backgroundImage = "url("+img[i].toString()+")";
				i++;
			}
		})


你可能感兴趣的:(JavaScript,轮播)