-
stop():只會停止第一個動畫,第二個第三個繼續
stop(true):停止第一個、第二個和第三個動畫
stop(true ture):停止動畫,直接跳到第一個動畫的最終狀態?
查看全部 -
toggle、sildeToggle以及fadeToggle的區別:
toggle:切換顯示與隱藏效果
sildeToggle:切換上下拉卷滾效果
fadeToggle:切換淡入淡出效果
當然細節上還是有更多的不同點:
toggle與slideToggle細節區別:toggle:動態效果為從右至左。橫向動作,toggle通過display來判斷切換所有匹配元素的可見性
slideToggle:動態效果從下至上。豎向動作,slideToggle 通過高度變化來切換所有匹配元素的可見性
fadeToggle方法
fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之間切換。
元素是淡出顯示的,fadeToggle() 會使用淡入效果顯示它們。
元素是淡入顯示的,fadeToggle() 會使用淡出效果顯示它們。
注釋:隱藏的元素不會被完全顯示(不再影響頁面的布局)
查看全部 -
fadeToggle()函數用于切換所有匹配的元素,并帶有淡入/淡出的過渡動畫效果。之前也學過toggle、slideToggle 也是類似的處理方式
fadeToggle切換fadeOut與fadeIn效果,所謂"切換",即如果元素當前是可見的,則將其隱藏(淡出);如果元素當前是隱藏的,則使其顯示(淡入)。
常用語法:.fadeToggle( [duration ] ,[?complete ] )
可選的?duration?參數規定效果的時長。它可以取以下值:"slow"、"fast" 或毫秒。 可選的 callback 參數是 fadeToggle完成后所執行的函數名稱。
fadeToggle() 方法可以在 fadeIn() 與 fadeOut() 方法之間進行切換。如果元素已淡出,則 fadeToggle() 會向元素添加淡入效果。如果元素已淡入,則 fadeToggle() 會向元素添加淡出效果。
查看全部 -
fadeOut是淡出效果,相反的還有淡入效果fadeIn,方法使用上兩者都是一致的,只是結果相反
.fadeIn(?[duration?],?[?complete?]?)
duration:指定過渡動畫運行多長時間(毫秒數),默認值為400。該參數也可以為字符串"fast"(=200)或"slow"(=600)。
元素顯示完畢后需要執行的函數。函數內的this指向當前DOM元素。
fadeIn()函數用于顯示所有匹配的元素,并帶有淡入的過渡動畫效果。
注意:
淡入的動畫原理:操作元素的不透明度從0%逐漸增加到100%
如果元素本身是可見的,不對其作任何改變。如果元素是隱藏的,則使其可見
查看全部 -
讓元素在頁面不可見,常用的辦法就是通過設置樣式的display:none。除此之外還可以一些類似的辦法可以達到這個目的。這里要提一個透明度的方法,設置元素透明度為0,可以讓元素不可見,透明度的參數是0~1之間的值,通過改變這個值可以讓元素有一個透明度的效果。常見的淡入淡出動畫正是這樣的原理。
fadeOut()函數用于隱藏所有匹配的元素,并帶有淡出的過渡動畫效果
所謂"淡出"隱藏的,元素是隱藏狀態不對作任何改變,元素是可見的,則將其隱藏。
.fadeOut(?[duration?],?[?complete?]?)
通過不透明度的變化來實現所有匹配元素的淡出效果,并在動畫完成后可選地觸發一個回調函數。這個動畫只調整元素的不透明度,也就是說所有匹配的元素的高度和寬度不會發生變化。
字符串 'fast' 和 'slow' 分別代表200和600毫秒的延時。如果提供任何其他字符串,或者這個duration參數被省略,那么默認使用400毫秒的延時
查看全部 -
$.trim()相當于jQuery.trim()。
查看全部 -
noww接收的是每次動畫時height的值,fxx是指每個動畫的每一步完成之后要執行的函數. step自動執行的這個函數.
?arguments對象是比較特別的一個對象,實際上是當前函數的一個內置屬性。arguments非常類似Array,但實際上又不是一個Array實例.arguments對象的長度是由實參個數而不是形參個數決定的。形參是函數內部重新開辟內存空間存儲的變量,但是其與arguments對象內存空間并不重疊.
也就是說此時的arguments[1]代表的是progress的進度,而它是從0-1的,0代表開始,1代表結束
查看全部 -
由于fadeOut跟fadeIn的透明值為0? ?1,因此需要使用
fadeTo來創建一個介于0~1之間的透明值
查看全部 -
因為動畫是異步的,所以要在動畫之后執行某些操作就必須要寫到回調函數里面,這里要特別注意
查看全部 -
queue停止動畫隊列的名稱。clearQueue一個布爾值,指示是否取消以列隊動畫。默認?false。jumpToEnd?一個布爾值指示是否當前動畫立即完成。默認false.
查看全部 -
因為option的value才是select的值,select可以有多個備選值,你選中哪個就是哪個。 animation是select的ID。
查看全部 -
jQuery源代碼內部已經做了兼容處理, 對IE和非IE使用兩種處理方式達到兼容.
下面是一個原生JS的運動函數中處理opacity的方法, 供參考:
if
(attr==
'opacity'
)
{
????
obj.style.filter=
'alpha(opacity:'
+(iCur+iSpeed)+
')'
;?
//IE
????
?????obj.style.opacity=(iCur+iSpeed)/100;?
//ff,chrome
}
查看全部 -
//自動切換
? ? ? ? //1.點擊按鈕掉用自定義函數
? ? ? ? //2.自定義的函數使用上卷下拉方法,并在回調函數調用自己,實現循環調用
? ? ? ? $("button").click(function self(){
? ? ? ? ? ? $("#a1").slideToggle(3000,function(){
? ? ? ? ? ? ? ? self();
? ? ? ? ? ? })
? ? ? ? });
查看全部 -
jQuery.inArray()函數用于在數組中搜索指定的值,并返回其索引值。如果數組中不存在該值,則返回 -1。
查看全部 -
?$("#exec").click(function() {
? ? ? ? var v = $("#animation").val();
? ? ? ? var $aaron = $("#aaron");
? ? ? ? $aaron.empty();
? ? ? ? if (v == "1") {
? ? ? ? ? ? // 遍歷數組元素
? ? ? ? ? ? $.each(['Aaron', '慕課網',"abcdefg"], function(i, item) {
? ? ? ? ? ? ? ? $aaron.append("索引=" + i + "; 元素=" + item+"<br/>");
? ? ? ? ? ? });
? ? ? ? } else if (v == "2") {
? ? ? ? ? ? // 遍歷對象屬性
? ? ? ? ? ? $.each({
? ? ? ? ? ? ? ? name: "張三",
? ? ? ? ? ? ? ? age: 18
? ? ? ? ? ? }, function(property, value) {
? ? ? ? ? ? ? ? $aaron.append("屬性名=" + property + "; 屬性值=" + value);
? ? ? ? ? ? });
? ? ? ? }?
? ? });
查看全部
舉報