Question

我有一个页面，其中包含一个带动画的div，我想重新启动这个动画，如按钮点击或使用jquery somthing之类的条件有没有办法做到这一点？这是我的代码：

    <div class="block bg-1 network-effect" style="max-height:500px;" id="okd">
        <canvas id="network"></canvas>
            <div class="container1">
                <h2 class="h-lg text-center">All Computer <span class="color">& Tablet Services</span></h2>
                <p class="info text-center">We can Solve your Hardware and Software Problems</p>
                <div class="row text-icon-carousel" id="counterBlock">
                    <div class="col-sm-6 col-md-3">
                        <div class="text-icon" data-animation="scaleOut" data-animation-delay="0.5s">
                            <div class="icon-wrapper"><span><i class="icon icon-diag"></i><span class="icon-hover"></span></span>
                            </div>
                            <h3 class="number"><span id="ok1" data-to="8000" data-speed="1000">8000</span>+</h3>
                            <p class="text">Computer/Tablet/Laptop
                                <br>Repaired</p>
                        </div>
                    </div>
</div>
            </div>
        </div>

Answer 1

如果您想在有人点击按钮时让动画发生，您可能会想要做这样的事情

$("selector").click(function(){
    $("selector1").animate({animation});
});

只需将“selector”替换为您想要点击的内容，将“selector1”替换为您想要动画的内容，将“动画”替换为您想要动画的内容。

用jquery重启条件后的动画

1 个答案: