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