-
/*规定 @keyframes 动画的名称。*/ -webkit-animation-name: person-slow; /*规定动画完成一个周期所花费的秒或毫秒。默认是 0*/ -webkit-animation-duration: 950ms; /*规定动画被播放的次数。默认是 1。 infinite(循环播放)*/ -webkit-animation-iteration-count: infinite; /*动画切换的方式是一帧一帧的改变*/ -webkit-animation-timing-function: steps(1, start); -moz-animation-name: person-slow; -moz-animation-duration: 950ms; -moz-animation-iteration-count: infinite;查看全部
-
keyframes 可通过不同的百分比来控制每张图片的获取时间查看全部
-
swipe.scrollTo(idex,speed)实现页面滚动查看全部
-
动页面查看全部
-
steps(1,tart) 开始左侧端点的部分为开始 steps(1,end) 以结尾端点为开始，默认值为end css3的逐帧动画 第一个参数是一个大于0的整数，他是将间隔动画等分成指定数目的小间隔动画 根据第二个参数来决定显示效果查看全部
-
var dtd = $.Deferred(); //创建 dtd.resolve(); //成功 dtd.then() //执行回调查看全部
-
坐标值的计算就是 ： 实际X/Y轴位置 = 比例 * 页面宽度查看全部
-
animation的暂停方式： animation-play-state: paused||running查看全部
-
定义了一个keyframes的规则，原理同样也是通过position不断更换帧图的坐标，这里会有一个animation-fill-mode的属性，forwards的意思就是保留在最终的状态，也就是我们转身后的最终状态查看全部
-
transform:translated3d() <!-- nth-child表示选取各个元素，index表示第几个，3n-->查看全部
-
在这里实现开门关门的动画效果。左右两扇门动画是同步控制的，只是要分为开和关。 在监听动画完成上，采用count计数，count开始为2，当执行第一个回调函数后会减1，当执行第二个回调函数执行时，defer.resolve才会执行查看全部
-
使用css3.0的@keyframes实现雪碧图的切换查看全部
-
小男孩要走过三个页面，所以不能放到任何一个页面底下，这里我们把小男孩的页面和三个页面并列放置。小男孩移动的时候定位要相对父级元素定位。 小男孩的top值问题。小男孩的路径在页面的那条路上。所以top值和路的top值有关。 小男孩的top = 中间路段的中间坐标值 - 小男孩的高度查看全部
-
本章节进行代码封装，将js放在单独的页面中，留出一个接口来传递参数。这样互不影响，也是面向对象的优点。留接口这个地方还不太熟悉，各位朋友多多指点。查看全部
-
通过改变父元素的x坐标来实现页面之间的转换。利用js来获取width。利用transform3d(x,y,z)来实现父元素的坐标。这里从第一个主题开始滚动(x=0)到第三个主题(x=width*2)结束。这里用js获取到的width是页面可视区域的width（因为之前我们写了hidden隐藏了溢出的部分），因此这个width必须*2。查看全部
举报
0/150
提交
取消