var countCode = 1; //环形轮播当前号码 var loop; //轮播定时器 //环形轮播函数 function loopCircle () { if (countCode<=3) { $('.column1 .annular-center .center-img img').attr("src",'./static/images/index/column1-img-'+ countCode +'.png'); $('.column1 .annular-right .annular-inner-item').siblings('.annular-inner-item').removeClass("inner-active"); $('.column1 .annular-left .annular-inner-item'+ countCode).addClass("inner-active"); $('.column1 .annular-left .annular-inner-item'+ countCode).siblings('.annular-inner-item').removeClass("inner-active"); } if (countCode>=4 && countCode<=6) { $('.column1 .annular-center .center-img img').attr("src",'./static/images/index/column1-img-'+ countCode +'.png'); $('.column1 .annular-left .annular-inner-item').siblings('.annular-inner-item').removeClass("inner-active"); $('.column1 .annular-right .annular-inner-item'+ countCode).addClass("inner-active"); $('.column1 .annular-right .annular-inner-item'+ countCode).siblings('.annular-inner-item').removeClass("inner-active"); } countCode = countCode + 1; if (countCode > 6) { countCode = 1; } loop = setTimeout("loopCircle()",1000); //定时器赋值,时间间隔1s } //定时器清除函数 function stopLoop () { clearTimeout(loop); } //功能按钮滑动 function functions(){ $("html,body").animate({scrollTop:430},"300"); } //使用行业按钮滑动 function suitable(){ $("html,body").animate({scrollTop:2415},"300"); } //页面加载调用 $(function() { //页面滚动效果 /* $(".xueshi-header .functions").bind('click',function(event){ }); $(".xueshi-header .suitable").bind('click',function(event){ });*/ //环形内容切换,左侧 $('.column1 .annular-left .annular-inner-item').hover( function() { stopLoop(); //清除定时器 var code = $(this).data('code'); countCode = code; //记录当前停止的位置 $('.column1 .annular-center .center-img img').attr("src",'./static/images/index/column1-img-'+ code +'.png'); $('.column1 .annular-right .annular-inner-item').siblings('.annular-inner-item').removeClass("inner-active"); $(this).addClass("inner-active"); $(this).siblings('.annular-inner-item').removeClass("inner-active"); }, function() { loopCircle(); //调用轮播定时器 } ) //环形内容切换,左侧 $('.column1 .annular-right .annular-inner-item').hover( function() { stopLoop(); //清除定时器 var code = $(this).data('code'); countCode = code; //记录当前停止的位置 $('.column1 .annular-center .center-img img').attr("src",'./static/images/index/column1-img-'+ code +'.png'); $('.column1 .annular-left .annular-inner-item').siblings('.annular-inner-item').removeClass("inner-active"); $(this).addClass("inner-active"); $(this).siblings('.annular-inner-item').removeClass("inner-active"); }, function() { loopCircle(); //调用轮播定时器 } ) //学拾使用前后轮播切换 $('.column3 .tab-nav .tab-item').click(function() { $(this).addClass('active').siblings('.tab-item').removeClass('active'); }) //调用环形轮播函数 loopCircle(); })