javascript - jquery如何控制animation动画暂停与播放
阿神
阿神 2017-04-11 10:03:00
0
3
347

我的需求时;给class="center-gold-pic"加一个点击事件;执行动漫效果使上面图片转动起来;转起来的时候向后台发送请求;这个点击事件可以控制暂停与播放;暂停的时候停止发送请求;播放的时候转动又开始发送请求;请问这个应该怎么写;

$(document).ready(function() {

$(".center-gold-pic").on("click",function(){ $(this).prev().addClass("animantion"); $.post('ajax.txt', function(data) { if(data==1){ $(".gold-pic-one").css("opacity",'1'); $(".gold-pic-two").css("opacity",'1'); $(".gold-pic-three").css("opacity",'1'); $(".gold-pic-four").css("opacity",'1'); setTimeout(function(){show();}, 4000); }else{ setTimeout(function(){show1();}, 4000) }; }); });

});

这是我自己写的但是没有暂停与播放效果

阿神
阿神

闭关修行中......

Antworte allen (3)
左手右手慢动作
$(this).prev().addClass("animantion");

改为

$(this).prev().toggleClass("animantion");
    Peter_Zhu
    $(this).prev().stop();

    注意this 作用域

    $(".center-gold-pic").prev().stop();
      伊谢尔伦

      一个简单的例子,你可以参考下

          Document  
      

      Go!

        Neueste Downloads
        Mehr>
        Web-Effekte
        Quellcode der Website
        Website-Materialien
        Frontend-Vorlage
        Über uns Haftungsausschluss Sitemap
        Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!