// 轮播 (function () { function autoImg() { var iLength = $('.img>li').length; var num = 0; var imgWidth = 350; var oTimer = null; $('.img>li').eq(0).fadeIn(1000); function autoplay() { oTimer = setInterval(function () { if (num >= iLength - 1) { num = 0; } else { num++; } $('.img>li').eq(num).fadeIn(1000).siblings().fadeOut(500); $('.imgnav span').removeClass('cur'); $('.imgnav span').eq(num).addClass('cur'); }, 4000); } $('.carousel-box .btnnext').click(function () { if (num <= 0) { num = iLength - 1; } else { num--; } $('.img>li').eq(num).fadeIn(1000).siblings().fadeOut(500); $('.imgnav span').removeClass('cur'); $('.imgnav span').eq(num).addClass('cur'); }); $('.carousel-box .btnprev').click(function () { if (num >= iLength - 1) { num = 0; } else { num++; } $('.img>li').eq(num).fadeIn(1000).siblings().fadeOut(500); $('.imgnav span').removeClass('cur'); $('.imgnav span').eq(num).addClass('cur'); }); $('.imgnav span').on('mouseover', function () { num = $(this).index(); $('.img>li').eq(num).fadeIn(1000).siblings().fadeOut(500); $('.imgnav span').removeClass('cur'); $(this).addClass('cur'); }); $('.carousel-box').on('mouseover', function () { clearInterval(oTimer); }); $('.carousel-box').on('mouseout', function () { autoplay(); }); autoplay(); } autoImg(); })();