-
通過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
提交
取消