0

我是新手。我得到了一个运行良好的代码,但是如何让它在鼠标悬停时可播放,而在 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>
4

0 回答 0