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

创建一个变量来设置动画 state.in 我的代码 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/

JavaScript悬停时选取框暂停微调

JavaScript marquee pause on hover tweak

javascript

text

scroll

marquee

pause