-
1、transform屬性是靜態屬性，不是動畫屬性，一旦寫到style里面，將會直接顯示作用，無任何變化過程； 2、通過設置transition的一些參數，讓translate3d這個屬性發生變化；查看全部
-
編程為主，視頻為輔。查看全部
-
小男孩其實只會在當前頁面移動，所以是相對父級#content的范圍 小男孩的布局處理，因為小孩男是合成的"雪碧圖"，通過坐標取圖，因此不能用CSS處理自適應布局了，需要動態調整、 采用動畫的元素需要設置絕對定位 小男孩的top坐標值 = 中間路段的中間坐標值 - 小男孩的高度查看全部
-
給祖先節點上套一個限制顯示區域的節點查看全部
-
jq回調函數接口 Deferred var dtd = $.Deferred(); //創建 dtd.resolve(); //成功 dtd.then() //執行回調 詳細Deferred資料地址http://www.ruanyifeng.com/blog/2011/08/a_detailed_explanation_of_jquery_deferred_object.html查看全部
-
$.Deferred();查看全部
-
自適應分辨率的問題可以采用的是JS+百分比布局處理 通過合成"雪碧圖"解決圖片加載與資源占用的問題 通過CSS3的animation實現幀動畫，并且可以控制狀態 布局除了left.top布局外，還可以使用最新的css3的transform處理 元素的變化，可以通過設置translate3d啟動GPU加速 可以用CSS3的transition做漸變動畫 HTML5音頻的使用 采用promise可以解決異步編程的邏輯嵌套問題 代碼組織的一些思路查看全部
-
// 獲取數據 var getValue = function(className) { var $elem = $('' + className + ''); // 走路的路線坐標 return { 'height': $elem.height(), 'top': $elem.position().top }; }; 函數返回json數據格式查看全部
-
通過設置transition的一些參數，讓translate3d這個屬性發生變化查看全部
-
transition與animation的區別： transition需要事件觸發； animation可以直接自動觸發，而且功能上更為強大，包括可以設置不同時間段的動畫規則，還有狀態的控制，事件等等。 另注： 動畫效果 - $.fn.transition：你可以使用$.fn.transition()來進行 css3 動畫效果。他和$.fn.animate()的效果一樣，只是他使用了 css3 過渡。 $('...').transition(options, [duration], [easing], [complete]) 例子： $("#box").transition({ opacity: 0.1, scale: 0.3 }); $("#box").transition({ opacity: 0.1, scale: 0.3 }, 500); // 動畫時長 $("#box").transition({ opacity: 0.1, scale: 0.3 }, 'swing'); // 緩動效果 $("#box").transition({ opacity: 0.1, scale: 0.3 }, 500, 'linear'); // 動畫時長 + 緩動效果 $("#box").transition({ opacity: 0.1, scale: 0.3 }, function(){}); // 回調函數 $("#box").transition({ opacity: 0.1, scale: 0.3 }, 500, 'linear', function(){}); // 任意查看全部
-
取花的過程就是換人物背景圖片的過程，環節介于進商店和出商店之間。查看全部
-
//取花 function talkFlower() { //增加延時等待效果 var defer = $.Deferred(); setTimeout(function() { //取花 $boy.addClass('slowFlolerWalk') defer.resolve() }, 1000) return defer }查看全部
-
transition與animation的區別： transition需要事件觸發； animation可以直接自動觸發，而且功能上更為強大，包括可以設置不同時間段的動畫規則，還有狀態的控制，事件等等。查看全部
-
開門燈亮：燈亮的背景圖片大小等同于燈滅的背景圖片，所以加載需要時間，如果用到這個圖片的時候再加載，某種情況下會出現頁面閃動一下的情況來加載頁面，這里就進行了預加載操作，增加了一個不存在實際意義的div中“<div class=‘b_background_preload’></div>”,以便燈開關的動作中，圖片切換流暢 /////////// // 燈動畫 // /////////// var lamp = { elem: $('.b_background'), bright: function() { this.elem.addClass('lamp-bright') }, dark: function() { this.elem.removeClass('lamp-bright') } };查看全部
-
JavaScript中沒有抽象類與接口的支持，所以很大程度上實現封裝都是靠閉包去模擬查看全部
舉報
0/150
提交
取消