-
通过background-size 一般可以设置 100% 100%的方式平铺元素，这样设置后图片就能自适应大小缩放了查看全部
-
animate动画回调多层嵌套的处理方法，用优雅的promise改造后查看全部
-
top: $elem.position().top一个元素距离顶部的距离 用法： // 获取数据 var getValue = function(className) { var $elem = $('' + className + ''); // 走路的路线坐标 return { height: $elem.height(), top: $elem.position().top }; };查看全部
-
animation-direction: alternate; 如果 animation-direction 值是 "alternate"，则动画会在奇数次数（1、3、5 等等）正常播放，而在偶数次数（2、4、6 等等）向后播放。查看全部
-
var complete = function() { if (count == 1) { defer.resolve();//这里是执行而不是成功 return; } count--; //当count为1的时候执行，不为1的时候自减 }; doorLeft.transition({ 'left': left }, time, complete);//这里加异步，执行成功后调用complete方法查看全部
-
-webkit-animation-name:XXX;<br> -webkit-animation-duration:XXXms;<br> -webkit-animation-iteration-count:infinite;<br> -webkit-animation-timing-function: step(1,start);<br> <br> @-webkit-keyframes XXX {<br> 0% {background-position: }<br> 25% {background-position: }<br> 50% {background-position: }<br> 75% {background-position: }<br> 100% {background-position: }<br> }<br> <br> -moz-animation-name:XXX;<br> -moz-animation-duration:XXXms;<br> -moz-animation-iteration-count:infinite;<br> -moz-animation-timing-function: step(1,start);<br> <br> @-moz-keyframes XXX {<br> 0% {background-position: }<br> 25% {background-position: }<br> 50% {background-position: }<br> 75% {background-position: }<br> 100% {background-position: }<br> }查看全部
-
js 中的 function Swipe(container){ …… return swipe; } 类似java中的一个类，而 swipe.scrollTo=function(x,speed){ return this; }; 则是该类中的内部方法查看全部
-
代码看不清查看全部
-
$("p").find("span").css('color','red'); 搜索所有段落中的后代 span 元素，并将其颜色设置为红色查看全部
-
-webkit-animation-timing-function: steps(1, start); /*动画切换方式：函数 steps(1 ,start)*/查看全部
-
在监听动画完成上，采用用了一个count计数，count开始为2，当执行第一个回调后会减1，只有当二个回调执行的时候，这个defer.resolve才会执行 var complete = function() { if (count == 1) { defer.resolve(); return; } count-- }查看全部
-
稍微注意下的就是商店的灯的亮度切换采用的是切换背景图片，背景图如果是没有预加载的话就有一个闪屏的问题，所以特意做了一个b_background_preload的节点让图片先加载，设置一个坐标不可见 .b_background_preload {<br> background: url("http://img1.sycdn.imooc.com//55ade0be0001a37914410901.png") no-repeat -9999px -9999px;<br> }查看全部
-
分别定义大云和小云的样式 动作和关键帧 .cloud {z-index: 2; position: absolute; } .cloud1 { width: 181px; height: 101px; left: -5%; top: 15%; background: url("http://img1.sycdn.imooc.com//55addfde0001aec501810101.png"); } .cloud2 { width: 301px; height: 140px; right: -5%; background: url("http://img1.sycdn.imooc.com//55addff500016df503010140.png"); } .cloud1Anim{ -webkit-animation-name: smallCloud; -webkit-animation-duration: 30s; -webkit-animation-iteration: infinite; } .cloud2Anim{ -webkit-animation-name: largeCloud; -webkit-animation-duration: 60s; -webkit-animation-iteration: infinite; } @-webkit-keyframes smallCloud { 0% {left: -5%;}100% { left: 100%;}} @-webkit-keyframes largeCloud {0% { right: -5%;}100% { right: 100%;} }查看全部
-
boy.walkTo(2000, 0.2) .then(function() { // 第一次走路完成 // 开始页面滚动 scrollTo(5000, 1); }).then(function() { alert("dsad")//当小男孩到达0.2的时候 触发页面滚动的函数，与此同时异步执行alert代码 return boy.walkTo(5000, 0.5); });查看全部
-
boy.walkTo()前面有无return的区别是什么？ 本质区别，return返回一个新的异步对象，用来链接到后面的then方法， 这样才能形成一个异步等待的效果如果没有return，那么会认为是同步代码查看全部
举报
0/150
提交
取消