使用Jquery的animate()方法重新启动动画的效果可以达到Animation Jquery reboot的效果。
代码示例:
// 定义动画效果
function animation() {
// 动画的具体实现
}
// 首次启动动画
animation();
// 监听动画结束事件
$(".demo").on("animationend webkitAnimationEnd oAnimationEnd", function() {
// 重新启动动画
animation();
});
在这个例子中,我们首先定义一个名为animation()
的动画函数,并在页面加载时首次启动它。然后,我们监听CSS动画结束事件,并在动画结束时调用animation()
函数来重新启动动画。