我正在使用 jcarousel 为无序列表设置动画,但是由于我需要动画在项目之间平滑过渡,因此我将animation
选项设置为一个非常大的整数,这可以正常工作,但是当我将鼠标悬停在某些链接上时,我需要启动幻灯片动画并在鼠标移出时停止,这就是我到目前为止所拥有的:
$(function() {
function customCallback(carousel) {
$('.prev').hover(function() {
// Starts the back animation
carousel.prev();
}, function() {
// How to stop animation?
});
$('.next').hover(function() {
// Starts the forward animation
carousel.next();
}, function() {
// How to stop animation?
});
}
$('.list').jcarousel({
animation : 14000,
wrap : 'circular',
easing : 'linear',
buttons : false,
initCallback : customCallback
});
});
但我不知道如何在鼠标移出时停止动画,这里有一个演示可以更好地说明这一点:http: //jsfiddle.net/hfuwM/1/
谁能指出我正确的方向?提前致谢
编辑:我发现carousel.list.stop()
在 mouseout 回调上使用会停止动画,但是当再次悬停链接时它不会重新启动。