Question

请问一下这个要怎么jquery效果要怎么修改才可以达到这个效果。 页面载入的时候，自动切换运行。

当我执行点击菜单的时候，则去除自动切换效果。
下面是代码。
html
<div class="tab_nav">
<ul>
<li>tab1</li>
<li>tab2</li>
<li>tab3</li>
<li>tab4</li>
<li>tab5</li>
</ul>
</div>
<div class="tab_content">
<div class="content_n">tab1 </div>
<div class="content_n">tab2 </div>
<div class="content_n">tab3 </div>
<div class="content_n">tab4 </div>
<div class="content_n">tab5 </div>

</div>

jquery:

$(function(){

$('.tab_nav > ul > li:first').addClass('cursors');
$('.tab_content > div:first').css('display','block');
autoroll();
clickb();

})

var i=-1;
var offset = 2500;
var timer = null;
/*--自动切换--*/
function autoroll(){
n = $('.tab_nav > ul > li').length-1;
i++;
if(i > n){
i = 0;
}
slide(i);
timer = window.setTimeout(autoroll, offset);
}
function slide(i){
$('.tab_nav > ul > li').eq(i).not($(".tab_nav > ul > li:last")).addClass('cursors').siblings().removeClass('cursors');
$('.tab_content > div').eq(i).css('display','block').siblings('.tab_content > div').css('display','none');
}
/*点击*/
function clickb(){
$('.tab_nav > ul > li').click(function(){
i = $(this).prevAll().length;slide(i);
}).triggerHandler("click");
}

Answer 1

在点击事件里面直接 把
timer 清除就行了。就不会再自动切换了

Answer 2

clearInterval