-
transition與animation的區別: transition需要事件觸發,animation可以直接自動觸發,而且功能上更為強大,包括可以設置不同的時間段的動畫規則,還有狀態的控制,事件等等。查看全部
-
var slides = element.find(">");與var slides = element.find("li");的區別: 經測試,這個find(">")是找出緊鄰的子li元素列表,而find("li")會找出所有li元素,包括子li內部的li列表元素。查看全部
-
CSS3屬性@keyframes: 首先需要定義一個對應的名稱; @keyframes用百分比來規定變化發生的時間,0%是動畫開始,100%是動畫完成,規則中有4個百分比值的變化,每個比值分別通過position獲取一張圖片,分別是0%,25%,50%,75%,100%。查看全部
-
CSS3引入了一個新的屬性transform: transform屬性向元素應用2D或3D轉換,該屬性允許我們對元素進行旋轉、縮放、移動或傾斜。其中,會有一個值translate3d(x, y, z)是用來控制元素的位置的頁面上的三軸位置的,translate3d指明了3d就是啟用了3d加速,就是啟動GPU來處理,性能更強。 transition可以設置一些具體的參數,比如動畫執行的時間,變化的算法、動畫延時等。 注意: transform屬性是靜態屬性,不是動畫屬性,一旦寫到style里面,將會直接顯示作用,無任何變化過程,也就是說要通過設置transition的一些參數,讓translate3d這個屬性發生變化。查看全部
-
Deferred異步編程:var dtd=$.Deferred();//創建 dtd.resolve();//成功 dtd.then()//執行回調查看全部
-
不能同時給一個元素增加2個CSS3的關鍵幀動畫, 所以需要一個結束后,在增加下一個,這里需要通過事件監聽的方式處理 當animation動畫結束時 有一個AnimationEnd事件查看全部
-
區別transition與animation的使用 transition與animation的區別 這里簡單的描述下不同點,transition需要事件觸發,animation可以直接自動觸發,而且功能上更為強大,包括可以設置不同時間段的動畫規則,還有狀態的控制,事件等等。查看全部
-
異步處理 函數執行完 返回這個對象了 return dtd;查看全部
-
啊啊啊查看全部
-
本節課難點以及疑點解答筆記 1、動畫監聽animationend(考慮到瀏覽器兼容問題要進行瀏覽器類型判斷) var animationEnd = (function() { var explorer = navigator.userAgent; if (~explorer.indexOf('WebKit')) { return 'webkitAnimationEnd'; } return 'animationend'; })(); 其中~是按位運算符,以本例為例指的是explorer是否含有webkit前綴,含有就返回動畫監聽事件WebkitAnimationEnd,否則返回animationend。 explorer.IndexOf('webkit')返回一個大于-1或者等于-1的值,如果返回等于-1,則~-1===0,否則不為零,此時布爾值就是true。 具體在按位運算符的用法這http://www.jb51.net/article/27852.htm 最后的疑惑點就是基礎薄弱側我對jquery.off()函數的理解,這個函數是解綁當前元素對象的事件并返回解綁事件對象,具體用法在這http://www.365mini.com/page/jquery-off.htm查看全部
-
星星閃爍延時效果代碼,把下面的3s改成其他秒數即可這個就是設置animation-delay屬性 -webkit-animation:flash 5s ease-in-out 3s alternate infinite; -moz-animation:flash 5s ease-in-out 3s alternate infinite;查看全部
-
試下非公開筆記查看全部
-
absolute和relative的區別?父類如果是absolute,是因為它要針對于他的上層定位,子類是relative是因為子類的子類可能要相對于他來定位查看全部
-
搶沙發啦!我既然是第一個查看全部
-
調用封裝好的swipe方法的scrollTo接口,來實現頁面切換。查看全部
舉報
0/150
提交
取消