简单实现jquery轮播图
首先需要定义个切换图片的funcation ##### 1、找到图片所在li,将其显示出来,并缩放1.1倍 ##### 2、其他兄弟li,渐变隐藏,并还原至原大小比例 ##### 3、将底部的圆点列表ul中对应的li,添加样式,其他兄弟元素移除该样式 function changeimg(a){ $('.imgs li ').eq(a).fadeIn(500).css("transform" ,"scale(1.1)"). siblings().fadeOut('slow').css("transform" ,"scale(1.0)"); $('.btn-list li').eq(a).addClass('active-list').siblings().removeClass('active-list'); }; #### 写一个自动播放的funcation,实现每5秒自动切换 ##### 1、定义一个全局 time,和set ##### 2、设置每5秒切换一次图片 function autoplay(){ time = setInterval(function(){ set++ ; if(set > len -1 ) { set = 0 ; } changeimg(set) ; } , 5000); }; 给切换按钮绑定事件 1、点击切换按钮时候,得先停止自动播放 2