/** * Created by 11111 on 2017/7/31. */ //导航点击添加样式 function dian(num){ var len=$('.nav-list a').length; for(var id = 1; id <= len; id++) { if (id == num) { document.getElementById("a" + id).className= "nActive"; } else { document.getElementById("a" + id).className = ""; } } } $(function(){ //左侧导航 $('.nav-l-list li').click(function(){ var i=$(this).index(); $('.nav-l-list li').eq(i).addClass('current').siblings().removeClass('current') }) }) $(document).ready(function(){ var i=0; var time=null; var len=$(".banner-inner img").length-1; function move(){ i++ if(i>len){ i=0 } $(".banner-inner img").eq(i).fadeIn().siblings().hide(); $('.bnr-page li').eq(i).addClass('bnr-on').siblings().removeClass('bnr-on'); } function s(){ time=setInterval(function () { move() },4000) } s() $('.next').click(function(){ //clearInterval(time) move() }) $('.bnr-page li').click(function(){ clearInterval(time) var dian = $(this).index(); i = dian; $('.bnr-page li').eq(dian).addClass('bnr-on').siblings().removeClass('bnr-on'); $(".banner-inner img").eq(dian).fadeIn().siblings().hide(); }) $('.prev').click(function () { clearInterval(time) i--; if(i<0){ i=len } $(".banner-inner img").eq(i).fadeIn().siblings().hide(); }) })