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

我的需求时;给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) }; }); });

});

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

阿神
阿神

闭关修行中......

全部回覆 (3)
左手右手慢动作
$(this).prev().addClass("animantion");

改为

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

    注意this 作用域

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

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

          Document  
      

      Go!

        最新下載
        更多>
        網站特效
        網站源碼
        網站素材
        前端模板
        關於我們 免責聲明 Sitemap
        PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!