juery图片滚动问题

写了个图片无缝滚动  让鼠标放上去停止滚动  鼠标离开 又开始滚动
$(function(){
var i=-200;
time=setInterval(function  aaa(){
if(i<=0){
i=i+10;
$('.gundong').animate({"left":i+"px"},100);
}
else{
$('.gundong').animate({"left":"-200px"},1);
i=-200;
}
},100)
$(".gundong").hover(function(){
clearInterval(time);})
})</script>
鼠标放上去可以停止 但是如何再次滚动呢

解决方案 »

  1.   

    本帖最后由 net_lover 于 2012-01-04 17:23:53 编辑
      

  2.   

    $(".gundong").hover(function(){
    clearInterval(time);})
    })
    上面是你停止的代码。你把滚动的代码分离出来，写成一个方法啊。加入到里面去，停止的时候再次触发。
      

  3.   


    $(".gundong").hover(function(){
    clearInterval(time);},function(){这里写你再次滚动的代码});
      

  4.   


       //代码修改如下：
    $(function(){
    var i=-200;function  aaa(){
    if(i<=0){
    i=i+10;
    $('.gundong').animate({"left":i+"px"},100);
    }
    else{
    $('.gundong').animate({"left":"-200px"},1);
    i=-200;
    }
    }time=setInterval(aaa,100)
    $(".gundong").hover(function(){
    clearInterval(time);},function(){time=setInterval(aaa,100);})
    })</script>