-
為人物添加暫停樣式查看全部
-
走路的實現：用了CSS3的transition來修改left的值，同樣原理3-2節也介紹了，我們這里引入了一個插件jquery.transit，這個就是具體封裝了transition的CSS3過渡動畫的實現查看全部
-
點擊后并沒有動畫效果查看全部
-
頁面之間的卷滾切換效果:通過translate結合transition改變元素的頁面位置(transform 屬性向元素應用 2D 或 3D 轉換，該屬性允許我們對元素進行旋轉、縮放、移動或傾斜)查看全部
-
jq回調函數接口Deferred var dtd = $.Deferred(); //創建 dtd.resolve(); //成功 dtd.then(); //執行回調 資料地址http://www.ruanyifeng.com/blog/2011/08/a_detailed_explanation_of_jquery_deferred_object.html查看全部
-
通過合成"雪碧圖"解決圖片加載與資源占用的問題 通過CSS3的animation實現幀動畫，并且可以控制狀態 布局除了left.top布局外，還可以使用最新的css3的transform處理 元素的變化，可以通過設置translate3d啟動GPU加速 可以用CSS3的transition做漸變動畫 HTML5音頻的使用 采用promise可以解決異步編程的邏輯嵌套問題 代碼組織的一些思路 Done查看全部
-
飄花比人物的層級都高查看全部
-
transition需要事件觸發，animation可以直接自動觸發，而且功能上更為強大，包括可以設置不同時間段的動畫規則，還有狀態的控制，事件等等。查看全部
-
這里的取值采用jQuery的offset處理的，注意下position與offset的取值不同點，.offset()是相對于文檔（document）的當前位置,.position()是相對于父級元素的位移，一個元素可以嵌套多個position所以這里要特別注意下。查看全部
-
分享源代碼下載http://pan.baidu.com/s/1bnsIqYj查看全部
-
頁面切換部分的代碼封裝查看全部
-
steps 函數指定了一個階躍函數 第一個參數指定了時間函數中的間隔數量（必須是正整數） 第二個參數可選，接受 start 和 end 兩個值，指定在每個間隔的起點或是終點發生階躍變化，默認為 end。 step-start等同于steps(1,start)，動畫分成1步，動畫執行時為開始左側端點的部分為開始； step-end等同于steps(1,end)：動畫分成一步，動畫執行時以結尾端點為開始，默認值為end。 例如： @-webkit-keyframes circle { 0% {background: red} 50%{background: yellow} 100% {background: blue} } step-start ： 黃色與藍色相互切換 step-end ： 紅色與黃色相互切換 2個參數都會選擇性的跳過前后部分，start跳過0%，end跳過100% step-start在變化過程中，都是以下一幀的顯示效果來填充間隔動畫，所以0% 到 50% 直接就顯示了黃色yellow step-end與上面相反，都是以上一幀的顯示效果來填充間隔動畫，所以0% 到 50% 直接就顯示了紅色red查看全部
-
精靈動畫的實現： CSS Sprite在國內很多人叫CSS精靈，這個技術的原理：靠不斷的切換圖片讓人感覺視覺上不斷變化，例如gif動畫之類的效果； 傳統實現精靈動畫就是依靠定時器不斷去改變一個元素的background-image屬性，簡單來說就是靠不斷的替換圖片，但此方法需要注意的是如果圖片過多，加載比較慢，會占用大量網絡資源；因此大多數的做法是把圖片都合成一張大圖再利用CSS的屬性（如：background-image,background-repeat,background-position）組合進行背景定位，background-position可以用數字精確的定位出背景圖片的位置；查看全部
-
Javascript中沒有抽象類與接口的支持，所以很大程度上實現封裝都是靠閉包去模擬？？？查看全部
-
封裝：即隱藏對象的屬性和實現細節，僅對外公開接口。 封裝的目的是曾倩安全性和簡化編程，使用者不必了解具體的實現細節，而只是要通過外部接口，以特定的訪問權限來使用類的成員；查看全部
舉報
0/150
提交
取消