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

我的需求时;给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 학습자의 빠른 성장을 도와주세요!