悬停调整时 JavaScript 选取框暂停

Question

我正在为我的 Web 项目寻找一个简单的 JavaScript 选框，并找到了这个：http://jsfiddle.net/4mTMw/8/

JavaScript 看起来像：

var marquee = $('div.marquee');
marquee.each(function() {
    var mar = $(this),indent = mar.width();
    mar.marquee = function() {
        indent--;
        mar.css('text-indent',indent);
        if (indent < -1 * mar.children('div.marquee-text').width()) {
            indent = mar.width();
        }
    };
    mar.data('interval',setInterval(mar.marquee,1000/60));
});

我真的很喜欢选取框的简单性，但我不知道如何让选取框在悬停时暂停。

如果有人能帮助我指出正确的方向，我将不胜感激！

谢谢， 乔什

Answer 1

创建一个变量来设置动画状态。在我的代码中var go。使用jquery悬停函数selector.hover( over, out )。悬停时将状态变量值设置为 true ，当鼠标移出时将其设置为 false。在动画代码中，只有当 go 变量为真时才做动画。

marquee.hover(
  function() {
    go = false;
  },
  function() {
    go = true;
  }
);

在动画代码中

mar.marquee = function() {
    if (go) {

演示

http://jsfiddle.net/4mTMw/1333/