#jquery
#jquery
Вопрос:
У меня есть этот код: http://jsfiddle.net/TC5Zf / как я могу приостановить анимацию mouseenter
и возобновить ее mouseout
?
Ответ №1:
Попробуйте использовать stop()
$(document).ready(function() {
var ob = $('.scrollingtext');
var tw = ob.width();
var ww = ob.parent().width();
ob.css({ left: -tw });
$('.scrollingtext').bind('marquee', function() {
var oba = $(this);
var twa = ob.width();
var wwa = ob.parent().width();
oba.animate({ left: wwa }, 50000, 'linear', function() {
oba.trigger('marquee');
});
}).trigger('marquee');
$(".scrollingtext").mouseout(function(){
$(".scrollingtext").trigger('marquee');
});
$(".scrollingtext").mouseover(function(){
$(".scrollingtext").stop();
});
});
Ответ №2:
Смотрите запись в блоге автора этого кода:
Макс Верджелли: как приостановить и возобновить прокрутку маркера
Вот рабочая демонстрация:
http://jsfiddle.net/TC5Zf/10/