Question

我正在为我的网络项目寻找一个简单的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 hover function 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选取暂停

1 个答案: