loadeddata是指当媒体当前播放位置的帧完成加载时触发该事件，通常是第一帧。
在监听 loadeddata 中指定事件触发时执行的函数，我们的实现截取第一帧就在这里面编写。
首先定义创建一个 canvas 标签；其次指定 canvas 标签的宽高；最后调用canvas元素中的getContext方法。
/持续设置图片旋转角度，使其显示旋转动画setInterval(function(){
$("#donghua").css({"position":"relative","left":-n+"px","background-position":n+"px 0px"})
n=(n>-777)?n-111:-111
},300)
</script>
那5个框 是5个div 捕捉div获得鼠标移动事件
每个div里面有个小的div用来显示图片
当鼠标移动 这里通过算法显示背景图片 背景图片就一张通过
url(https://img.alicdn.com/tfs/TB1PZB0fyqAXuNjy1XdXXaYcVXa-100-1500.png) center 0px / 100% no-repeat 里面的0PX来控制图片显示的东西 0-1400之间图片一直在换高度 就蒙蔽你的眼睛让你看起来像动画
上面的图片就是你看到的背景图在切换
有了思路写起了很简单 就是想不到这个思路
