jQuery – 如何在页面上同步多个动画？

2019年8月1日 216次阅读

请完全忽略这里的设计,它是WIP.

http://marckremers.com/ltd

我正在使用jquery.cycle来为每页上的6张卡片制作动画.我想知道是否有一种方法可以让动画同时触发,这样它们就不会失去同步？

这里是插件的链接：http://jquery.malsup.com/cycle/

谢谢,
渣

最佳答案 将超时设置为0以禁用自动前进.然后调用setInterval同时前进所有幻灯片.

$('.card_holder').cycle({ 
    fx:     'scrollVert', 
    timeout: 0                 // disable auto advance
}); 

// Cycle to the next every 4 seconds
setInterval("$('.card_holder').cycle('next')", 4000);

Click here for a demo

点赞