最新消息:文章中包含代码时,请遵守代码高亮规范!

如何用animate()方法实现钢琴式动画【原创】

HTML+CSS Cindy 330浏览 0评论

用animate()方法实现钢琴式动画的代码如下:

function iconAnimate(){

$(‘.projectList’).css(‘top’,’135px’).stop();

$(‘.projectList’).each(function(){

var num = Math.floor(Math.random() * (2000 – 500) + 500);

$(this).animate({

top:0

},num)

})

}

注:(1)该动画效果是几张图片从下往上弹出动画效果,哪一张图片动画先产生的时间是随机的,可以参考公司官网,如下图所示:

(2)Math.floor(Math.random() * (2000 – 500) + 500)是定义动画随机产生的时间,是在0.5秒到2秒之间

(3)动画出现的方式可以自定义,如图片从上往下出现,左右穿插出现等等

 

转载时请注明出处及相应链接,本文永久地址:https://blog.yayuanzi.com/23421.html


pay_weixin
pay_weixin
微信打赏
pay_weixin
支付宝打赏
感谢您对作者Cindy的打赏,我们会更加努力!    如果您想成为作者,请点我

您必须 登录 才能发表评论!