jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如何使用jQuery(通过滚动或触发动画)为PNG序列设置动画效果大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
越来越多我看到一个效果,其中pngs被加载到一系列DIV(或一个div)中,然后逐帧排序,或者基于按钮点击或基于滚动.我试图查看代码,我知道 javascript正在做繁重的工作,但我仍然有点迷失,有没有关于这种技术的教程?例子?

动画的例子(多个div)
http://atanaiplus.cz/index_en.html

动画示例(一个div):
http://www.hyundai-veloster.eu/

滚动动画的示例:
http://discover.store.sony.com/tablet/#design/ergonomics

解决方法

您只想使用seTinterval计时器替换src属性

var myAnim = seTinterval(function(){
  $(".myImageHolder").attr('src',nextImagE);
},42);

诀窍是如何@L_607_11@nextImage.这在很大程度上取决于图像的命名约定,或者您希望动画运行的方向

更新

或者使用plugin

大佬总结

以上是大佬教程为你收集整理的如何使用jQuery(通过滚动或触发动画)为PNG序列设置动画效果全部内容,希望文章能够帮你解决如何使用jQuery(通过滚动或触发动画)为PNG序列设置动画效果所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。