JavaScript пауза при наведении курсора

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

Создать переменную для установки анимации state.in мой код var go.use jquery функция наведения selector.hover( over, out ), при наведении курсора установите значение переменной состояния на true, а при наведении курсора мыши на значение false в коде анимации делать анимацию, только если переменная go имеет значение true.

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

в коде анимации

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

демонстрация

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