jquery中很早就提供了animate方法,使用它可以很方便地实现一些简单动画效果。后来css3中也提供了animation用于动画效果制作,但css本身的可操作性太差,所以用起来并不方便。现在最新版的chrome原生支持了animate方法,弥补了css的操作缺陷。元素上的animate方法有两个参数。第一个参数是动画的关键帧列表,是一个数组,每一个数组项都是一个javascript对象,可以在上面设置这个关键帧上元素的样式属性,并且使用offset属性表示这个关键帧在整条时间轴中的位置百分比;第二个参数是动画播放的配置参数,用于描述动画的时长、播放速度、过渡方式,等参数。从css的角度看,这个animate方法的第一个参数就是在创建keyframes,第二个参数是为元素添加animation样式属性。整个逻辑和css中使用animation没什么区别。下面是使用的演示:运行函数除了可以调用之外还有返回值,这个animate方法会返回一个animationplayer对象实例,它提供了一个onfinish事件和一个cancel方法,具体作用看名字就能猜到。
刚刚建的新站怎么做seo优化效果好万物归“移”双料发布会看点—如何从百度移动温州营销网站建设:一个合格的营销网站应该是什么样的?推广企业网站有什么方法外贸网站如何推广有哪些专业建站公司昆明app开发该如何才能吸引用户的注意校园货柜APP开发可以发挥哪些重要作用