JavaScript 操作轮播图（图片）动态展示

    // 定义一个函数对象
    function Banner() {
    	// 这里可以设置对象的属性
    	// 设置默认的index，index为想要运动起来的元素的个数，此处为图片的个数,有4张图片
    	this.index = 0;
    	this.bannerGroup = $("#banner-group");
    	this.listenBannerGroupHover();
    }
    
    // 轮播图运动的函数
    Banner.protype.loop = function() {
    	// 使用#获取html中id为banner-ul的元素，之后就可以将其运动起来
    	var bannerUl= $("#banner-ul");
    	var self = this;
    	setIntervel(function(){
    		if(self.index >= 3){
    			self.index = 0;
    		}else{
    			self.index++;
    		}
    		bannerUl.animate({"left":-900*self.index},500);
    	},2000);
    };
    
    // 定义监听