艺海无涯,学无止境。欢迎一起探讨技术和人生,了解我

jQuery 停顿滚动

<script type='text/javascript'>

 

$(function(){

 

autoscoll('.fk_right_zj_bg','.fk_right_zj1',1);

 

autoscoll('#ss1','dl',0);

 

autoscoll('#ss2','dl',0);

 

});

 

 

 

function  autoscoll(fid,sid,fx){

 

var _wrap=$(fid);//定义滚动区域

 

var _interval=2000;//定义滚动间隙时间

 

var _moving;//需要清除的动画

 

_wrap.hover(function(){

 

clearInterval(_moving);//当鼠标在滚动区域中时,停止滚动

 

},function(){

 

_moving=setInterval(function(){

 

var _field=_wrap.find(sid+':first');//此变量不可放置于函数起始处,li:first取值是变化的

 

if(fx){

 

var _h=_field.height();

 

_field.animate({marginTop:-_h+'px'},600,function(){_field.css('marginTop',0).appendTo(_wrap);});

 

}

 

else{

 

var _h=_field.width();

 

_field.animate({marginLeft:-_h+'px'},50,function(){_field.css('marginLeft',0).appendTo(_wrap);});

 

}

 

},_interval)//滚动间隔时间取决于_interval

 

}).trigger('mouseleave');//函数载入时,模拟执行mouseleave,即自动滚动

 

}

 

function chtabs(aid,bid,aclass){

 

$(aid).hover(function(){

 

$(bid).removeClass('cur').addClass('nocur');

 

$(aid+' a').removeClass(aclass);

 

$($(this).attr('chaid')).removeClass('nocur').addClass('cur');

 

$(this).find('a').addClass(aclass);

 

});

 

}

 

 

 

</script>