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