Question

我已经设置了一个基于jquery的选框，

这种方式完全正常，直到我试图在悬停时添加暂停选框。

悬停时，它会暂停，

但是在恢复之后，目前的选框后面会有一个空白。

导致这种情况的原因是什么？

一个工作示例位于：http://202.78.151.195/marquee.html

javascript位于： http://202.78.151.195/jquery-marquee.js

该插件使用另一个插件， Jquery暂停： http://202.78.151.195/jquery.pause.js

<小时/> 暂停/恢复动画代码

list.parent('div').hover(
  function(){
    list.stop();
    timer1.pause();
    timer2.pause();
  }, 
  function(){                    
    timer1.resume();
    timer2.resume();
    move(list,left);
  }
);

Answer 1

差距出现的原因是每次悬停后，选框会加速一点点。因此，悬停的选框会在下一个选框之前运行，从而产生间隙。

我认为你必须在同一个选框中添加多个动画/计时器。

我会查看.pause()和.resume()方法。他们正在加速翻过来的大帐篷。

你盘旋的时间越长，起飞的时间越快。

无论如何，当.stop()与move()结合使用时，为什么要使用复杂的插件：

试试list.hover()

            list.hover(function(){
                lists.first.stop();
                lists.second.stop();
            }, function(){                    
                move(lists.first,left);
                move(lists.second,left);
            });

效果很好，你只需要处理上一个列表的尾端可见的情况，然后将列表暂停到右边......但是否则没有加速。

jquery ::动画/计时器暂停？

1 个答案: