可重复多次播放的动画

可重复多次播放的动画的3种实现思路

  1. 多张图+css。比如:苹果网站的 apple watch
  2. gif动态图。当然如果直接用img的src放入gif路径,该动态图会一直循环播放下去,所以就要加个动画播放最初时的一个静态图,通过切换src达到多次重复播放。
  3. 短视频。调用video对象的play()方法。当然,如果你用jQuery获取video对象时,注意要转出video对象。
//return a DOM object
var video = document.getElementById('videoID'); //or
var video = $('#videoID').get(0); //or
var video = $('#videoID')[0];
//return a jQuery object
var video = $('#videoID');
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容