-
boyWalk返回這一些函數，就可以在index中直接用.去調用 很方便 return { // 開始走路 walkTo: function(time, proportionX, proportionY) { var distX = calculateDist('x', proportionX) var distY = calculateDist('y', proportionY) return walkRun(time, distX, distY); }, // 停止走路 stopWalk: function() { pauseWalk(); }, setColoer:function(value){ $boy.css('background-color',value) } }查看全部
-
anim.then(function() {<br> animate3();<br> }).then(function() {<br> alert("dsad");//執行完animate3之后 執行這個函數體里面的內容 即立即輸出alert<br> animate2();//animate2的執行需要時間 但是 它已經觸發 輸出在animate2中定義的alert內容<br> }).then(function() {<br> $("#block4").text('block4動畫動畫直接結束');//animate2的執行需要時間 所以 這句話會在animate觸發之后立即執行<br> })<br> })查看全部
-
dtd.then(function() { //操作1 }).then(function() { //操作2 }).then(function() { //操作3 }) 定義的函數里面 必須要有這3個步驟 var dtd = $.Deferred(); //創建 dtd.resolve(); //成功 dtd.then() //執行回調查看全部
-
自定義的animate3()函數 也可以實現相同效果~~?。?！ function animate3() { var dtd = $.Deferred(); // 生成Deferred對象 $("#block3").text('block3動畫動畫直接結束'); dtd.resolve(); // 改變Deferred對象的執行狀 return dtd; } var anim = animate1(); anim.then(function() { animate3().then(function(){ animate2().then(function() { $("#block4").text('block4動畫動畫直接結束'); }) }) });查看全部
-
$boy.transition( options, runTime, 'linear', function() {}設置回調函數);查看全部
-
暫停方法內transition強制做了一個設置left坐標的處理，達到一個暫停的效果，但是這樣是有問題的，下一次的啟動必須等上一次動畫的時間結束 $("button:first").click(function() {<br> <br> $boy.addClass('slowWalk').transition({<br> <br> 'left': $("#content").width() + 'px',<br> <br> }, 10000).removeClass('pauseWalk');<br> <br> });<br> <br> 開始按鈕需要移除暫停事件，否則會漂移查看全部
-
$boy.transition({ 'left': $("#content").width() + 'px', 更改的屬性值 }, 10000 時間,'linear' 勻速);查看全部
-
.slowWalk { /*規定 @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); }查看全部
-
小男孩的top坐標值 = 中間路段的中間坐標值 - 小男孩的高度查看全部
-
封裝：即隱藏對象的屬性和實現細節，僅對外公開接口。<br><br><br> 封裝的目的是曾倩安全性和簡化編程，使用者不必了解具體的實現細節，而只是要通過外部接口，以特定的訪問權限來使用類的成員；<br><br> JavaScript中沒有抽象類與接口的支持，所以很大程度上實現封裝都是靠閉包去模擬~查看全部
-
transform 屬性向元素應用 2D 或 3D 轉換，該屬性允許我們對元素進行旋轉、縮放、移動或傾斜。其中會有一個值translate3d(x,y,z) 是用來控制元素的位置在頁面上的三軸的位置的，translate3d這里指明了3d就是啟用了3d加速，也就是啟動GPU來處理，性能更強 $('button').click(function() {<br> // 在5秒的時間內，移動X的位置，為2個頁面單位<br> element.css({<br> 'transition-timing-function': 'linear',//勻速運動<br> 'transition-duration': '5000ms',<br> 'transform': 'translate3d(-' + (width * 2) + 'px,0px,0px)' //設置頁面X軸移動2個頁面的距離<br> });<br> });查看全部
-
每一個頁面li的寬度和父元素是一樣的 這樣才能保證沒次只顯示一個li 還可以進行橫向的運動 $.each(slides, function(index) { var slide = slides.eq(index); //獲取到每一個li元素 slide.css({ width : width + 'px', height : height + 'px' }); });查看全部
-
var slide = slides.eq(index); // 獲取到每一個li元素查看全部
-
$("p").find("span").css('color','red'); 搜索所有段落中的后代 span 元素，并將其顏色設置為紅色查看全部
-
var element = container.find(":first");獲得當前元素集合中每個元素的后代 :first選擇器選取第一個元素。查看全部
舉報
0/150
提交
取消