YUI3学习笔记 ( 6 )

摘要:
后者包括变形和颜色更改,但不能使用位置更改<2>动画类具有实例级方法和类级静态方法。实例级方法控制单个动画,类级静态方法可以控制所有实例。交互可以用来控制动画的数量。InteraionCount可以获得当前的重复次数常见的收听事件包括“开始”-动画开始、“结束”-动画结束、“暂停”-暂停、“恢复”-恢复、“交互”-迭代和“推特”-运动。
[ anim类 ]

<1> anim类在引入的时候,有两种,一种是"anim",另一种是"anim-color",其中前面一种能使用几乎所有的运动,包括形变,位置变化和滚动。后面一种包括形变和颜色变化,但不能使用位置变化。

<2> anim类有实例级的方法,也有类级的静态方法,实例级的方法控制单个动画,类级静态方法可以控制所有实例。

<3> interations和interationCount。interaitons可以用来控制动画的次数,而interaionCount可以得到当前是第几次重复。

<4> 常用的监听事件有"start"——动画开始,“end”——动画结束,“pause”——暂停,“resume”——恢复(暂停后重新run),“interation”——迭代,“tween”——运动中。

免责声明:文章转载自《YUI3学习笔记 ( 6 )》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇LABJS浅析YUI3学习笔记 ( 3 )下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

CALayer的子类之CAShapeLayer

一,CAShapeLayer介绍 * CAShapeLayer继承自CALayer,属于QuartzCore框架,可使用CALayer的所有属性。CAShapeLayer是在坐标系内绘制贝塞尔曲线的,通过绘制贝塞尔曲线,设置shape(形状)的path(路径),从而绘制各种各样的图形以及不规则图形。因此,使用CAShapeLayer需要与UIBezierP...

cocostudio使用plist创建序列帧动画图片名称序列错乱的问题

cocostudio 版本v2.2.9 用texturePacker将动画帧打包成一个plist和一张png,将plist拖入cocostudio中的资源栏中。 如图所示,plist里面的图片顺序是乱掉的,而且该顺序无法调整,10,11应该在最后,这样选择这11张图创建的序列帧动画中间2帧将是错乱的 如果自己手动调整关键帧很麻烦,那么解决问题的地方就在于...

Android开源动画库nineoldandroids

项目官网地址:http://nineoldandroids.com/ 使用这个库的原因是android3.0之后出了新的animation API,但是android3.0以下的不支持 这个库完成了这个兼容性,使得ValueAnimator、ObjectAnimator等新的动画api能不改一行代码,只修改import的包名就完全兼容到新的api 比如下面...

SVG动画

动画原理 SVG动画,就是元素的属性值关于时间的变化。 如下图来说,元素的某个属性值的起始值(from)到结束值(to)在一个时间段(duration)根据时间函数(timing-function)计算出每一帧(frame)的插值(interpolation)作为变换的行为。 PS:SVG动画是帧动画,在SVG里也就是每秒设置多少个value值。 SVG...

一些炫酷的css效果

前言 本文是笔者写CSS时常用的套路。不论效果再怎么华丽,万变不离其宗。 之前发的CSS技巧大部分都是依照本文的套路来写的 有人问我为什么我能想出这么多的动画?笔者阅番百部,对常用的动画技巧了如指掌,同样那些酷炫的网站只要细心观察,也会给笔者带来很多设计上的灵感。 一言以蔽之:只有多欣赏动画,才能写出好的动画。 小提示:本文会不定期更新哦!每打开一次可...

利用CSS实现带相同间隔地无缝滚动动画

说明:因为在移动上主要利用CSS来做动画,所以没有考虑其他浏览器的兼容性,只有-webkit这个前缀,如果需要其他浏览器,请自行补齐。 首先解释一下什么是无缝滚动动画, 例如下面的例子 See the Pen css实现上下循环滚动效果 by lilyH (@lilyH) on CodePen. ------------------------------...