jQuery技术:当我更改浏览器选项卡时,Jquery Animate停止

我的投资组合中有一个疯狂的问题: httpheric https://hericdk.com

我用jquery制作了一个简单的动画,一个太空飞船的动画,然后看起来我的作品,这个想法很好,每个人都喜欢,但问题是,由于一些奇怪的原因,当我点击查看我的项目和船开始飞,如果我更改浏览器选项卡然后返回,所有背景动画正常工作..但船的动画仍然等待动画的下一个动作,直到我返回到我的投资组合的选项卡。

我会把太空船动画的代码放在这里,大家都明白了。

需要了解更多jQuery教程分享当我更改浏览器选项卡时,Jquery Animate停止,都可以关注jQuery技术分享栏目—计算机技术网(www.ctvol.com)!

$('#spaceship a').click(function(){ $('#spaceship').spState(2).sprite({fps: 9, no_of_frames: 12}); $('#space').stop().delay(3000).animate({'top':'0px'},9000,'easeInOutQuad'); $('#spaceship').animate({'top':'150px','left':'55%'},3000,'easeInOutExpo').delay(200) .animate({'top':'350px','left':'65%'},2000,'easeInOutExpo').delay(100) .animate({'top':'-400px','left':'65%'},1300,'easeInBack').delay(100) .animate({'top':'-400px','left':'88%'},300,'easeInBack').delay(3000) .animate({'top':$(window).height()-305+'px','left':'88%'},4000,'easeOutQuad',function(){ $('#spaceship').spState(1).spStop(true); });// spaceship launch return false; }); //spaceship animation 

      以上就是jQuery教程分享当我更改浏览器选项卡时,Jquery Animate停止相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

      本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

      ctvol管理联系方式QQ:251552304

      本文章地址:https://www.ctvol.com/jquerytutorial/982134.html

      (0)
      上一篇 2021年12月13日
      下一篇 2021年12月13日

      精彩推荐