我是新手。我得到了一个运行良好的代码,但是如何让它在鼠标悬停时可播放,而在 JavaScript(jQuery)中鼠标悬停时可停止。我也希望当我们再次将鼠标悬停时,动画会从头开始。我添加了几行,例如:
$('document').ready(function()
$('#bodymovin').hover(function()
制作悬停效果,但是当鼠标悬停时动画仍在播放,并且<div>
直到我在开始鼠标悬停时才显示我的动画(这不好:()。如果你能在代码行附近写评论会很棒。谢谢你。
<script>
$('document').ready(function() {
$('#bodymovin').hover(function() {
var anim;
var animData = {
container: document.getElementById('bodymovin'),
renderer: 'svg',
loop: false,
autoplay: true,
rendererSettings: {
progressiveLoad:false
},
path: 'data.json'
};
anim = bodymovin.loadAnimation(animData);
});
});
</script>