-
0%是初始狀態，直接跳往下一幀查看全部
-
animation-iteration-count 動畫播放次數，默認值為1，infinite為無限制，假如設置為無限制，那么動畫就會不停地播放查看全部
-
scrollTo(5000, 1); // 可以觀察到頁面滾動，產生視覺差效果查看全部
-
var dtd = $.Deferred(); //創建 dtd.resolve(); //成功 dtd.then() //執行回調查看全部
-
把代碼封裝后，只需要設置一個時間，X與Y的一個比例，就可以讓目標移動到指定的位置了 var distX = calculateDist('x', 0.5) var distY = calculateDist('y', 0.5) walkRun(10000, distX, distY)查看全部
-
animation的暫停方式 CSS3的animation提供一個animation-play-state的樣式來控制動畫的暫停處理。查看全部
-
通過transition漸變的方式讓人物走動 $boy.transition({ 'left': $("#content").width() + 'px', }, 10000, 'linear', function() {});查看全部
-
封裝，即隱藏對象的屬性和實現細節，僅對外公開接口。查看全部
-
實現頁面與頁面之間的切換 一般來說要根據布局的結構來， 大體有2種： 移動父容器，改變父容器的坐標 移動每一個子容器的坐標查看全部
-
通過溢出隱藏多余的頁面<br> overflow:hidden查看全部
-
<ul class='content-wrap'> <!-- 第一副畫面 --> <li> 頁面1 </li> <!-- 第二副畫面 --> <li> 頁面2 </li> <!-- 第三副畫面 --> <li> 頁面3 </li> </ul>查看全部
-
<script type="text/javascript"> var swipe = Swipe($("#content")); $('button').click(function() { // 調用接口 swipe.scrollTo($("#content").width()*2,5000) }); </script>查看全部
-
"雪碧圖"縮放原理: 通過CSS3的scale處理可讓元素進行縮放。 需要計算出元素的縮放比，可以根據屏幕的寬度與UI的設計比例縮放。 帶來的問題： 1. 通過scale縮放后，瀏覽器認為這個元素尺寸是沒有變化的，所以要得到縮放后的尺寸應該是：實際尺寸*縮放比； 2. scale是默認按照中間基點縮放，所以需要計算出實際布局與縮放后布局的一個內部縮放距離，就是一個類似padding一樣的數據。查看全部
-
總結： 自適應分辨率的問題可以采用的是JS+百分比布局處理 通過合成"雪碧圖"解決圖片加載與資源占用的問題 通過CSS3的animation實現幀動畫，并且可以控制狀態 布局除了left、top布局外，還可以使用最新的css3的transform處理 元素的變化，可以通過設置translate3d啟動GPU加速 可以用CSS3的transition做漸變動畫 HTML5音頻audio的使用 采用promise可以解決異步編程的邏輯嵌套問題 代碼組織的一些思路查看全部
-
animationend事件要CSS動畫完成后觸發。 CSS動畫播放時，會發生以下三個事件： animationstart -- CSS動畫開始后觸發； animationiteration -- CSS動畫重復播放時觸發； animationend -- CSS動畫完成后觸發 用法: object.addEventListener("webkitAnimationEnd", myScript); // Chrome, Safari 和 Opera object.addEventListener("animationend", myScript); // 標準語法查看全部
舉報
0/150
提交
取消