-
顯而易見,animate方法更加靈活了,可以精確的控制樣式屬性從而執(zhí)行動(dòng)畫
語法:
.animate( properties ,[ duration ], [ easing ], [ complete ] )
.animate( properties, options ).animate()方法允許我們?cè)谌我獾臄?shù)值的CSS屬性上創(chuàng)建動(dòng)畫。2種語法使用,幾乎差不多了,唯一必要的屬性就是一組CSS屬性鍵值對(duì)。這組屬性和用于設(shè)置.css()方法的屬性鍵值對(duì)類似,除了屬性范圍做了更多限制。第二個(gè)參數(shù)開始可以單獨(dú)傳遞多個(gè)實(shí)參也可以合并成一個(gè)對(duì)象傳遞了
查看全部 -
function(now,fx){}
動(dòng)畫元素的每個(gè)動(dòng)畫屬性每一次動(dòng)畫效果的執(zhí)行都將調(diào)用的函數(shù)。
now是當(dāng)前動(dòng)畫正在改變的屬性的實(shí)時(shí)值(每1次動(dòng)畫過程中,屬性值的實(shí)時(shí)反饋呈現(xiàn))
fx包含了多項(xiàng)屬性,比如
執(zhí)行動(dòng)畫的元素:elem;
動(dòng)畫正在改變的屬性:prop;
正在改變屬性的當(dāng)前值:now;
正在改變屬性的結(jié)束值:end;
正在改變屬性的單位:unit;查看全部 -
toggle、sildeToggle以及fadeToggle的區(qū)別:
toggle:切換顯示與隱藏效果
sildeToggle:切換上下拉卷滾效果
fadeToggle:切換淡入淡出效果
查看全部 -
// ? ? 顯示隱藏 ? ? ? ? ? .hide()+.show() = .toggle()
// ? ? 下拉上卷 ? ? ? ? ? .slideUp()+.slideDown() = .slideToggle()
// ? ? 淡入淡出 ? ? ? ? ? .fadeOut()+.fadeIn() = .fadeToggle()查看全部 -
toggle、sildeToggle以及fadeToggle的區(qū)別:
toggle:切換顯示與隱藏效果
sildeToggle:切換上下拉卷滾效果
fadeToggle:切換淡入淡出效果
當(dāng)然細(xì)節(jié)上還是有更多的不同點(diǎn):
toggle與slideToggle細(xì)節(jié)區(qū)別:toggle:動(dòng)態(tài)效果為從右至左。橫向動(dòng)作,toggle通過display來判斷切換所有匹配元素的可見性
slideToggle:動(dòng)態(tài)效果從下至上。豎向動(dòng)作,slideToggle 通過高度變化來切換所有匹配元素的可見性
查看全部 -
fadeOut 的透明度是從1到0
fadeIn的透明度是從0到1
fadeTo 可以隨意設(shè)置透明度。opacity
查看全部 -
這些包括前面的方法,都可以寫一個(gè)回調(diào)函數(shù)。實(shí)現(xiàn)該動(dòng)畫后,實(shí)現(xiàn)回調(diào)函數(shù)
查看全部 -
在這里總結(jié)一下前面以及本章的學(xué)習(xí)內(nèi)容, show() ,hide() ? (toggle)這兩個(gè)方法可以顯示或者隱藏,通過改變?cè)貙挘?,?shí)現(xiàn)隱藏
slideDown() slideUp() ?(slideToggle)這兩個(gè)方法,可以實(shí)現(xiàn),上拉或者下拉,通過改變?cè)氐母撸瑢?shí)現(xiàn)隱藏
fadeOut() ?fadeIn() ? 通過改變?cè)赝该鞫?,?shí)現(xiàn)隱藏?
查看全部 -
stop(); 停止當(dāng)前動(dòng)畫,點(diǎn)擊在暫停處繼續(xù)開始 .stop(true); 當(dāng)調(diào)用.stop()的時(shí)候,隊(duì)列中的下一個(gè)動(dòng)畫立即開始。如果clearQueue參數(shù)提供true值,那么在隊(duì)列中的動(dòng)畫其余被刪除并永遠(yuǎn)不會(huì)運(yùn)行 .stop(true,true); 當(dāng)前動(dòng)畫將停止,但該元素上的 CSS 屬性會(huì)被立刻修改成動(dòng)畫的目標(biāo)值查看全部
-
.get( [index ] ) 注意2點(diǎn) get方法是獲取的dom對(duì)象,也就是通過document.getElementById獲取的對(duì)象 get方法是從0開始索引查看全部
-
jQuery.trim()函數(shù)用于去除字符串兩端的空白字符查看全部
-
jQuery.inArray()函數(shù)用于在數(shù)組中搜索指定的值,并返回其索引值。如果數(shù)組中不存在該值,則返回 -1。 語法:jQuery.inArray( value, array ,[ fromIndex ] ) .e.g var index = $.inArray('Aaron',['test','Aaron', 'array','慕課網(wǎng)']); $aaron.text('Aaron的索引是: '+ index) //result: Aaron的索引是:1 var index = $.inArray('a',['a','b','c','d','a','c'],2); $aaron.text('a的索引是: '+ index) //result: a的索引是:4查看全部
-
stop():只會(huì)停止第一個(gè)動(dòng)畫,第二個(gè)第三個(gè)繼續(xù) stop(true):停止第一個(gè)、第二個(gè)和第三個(gè)動(dòng)畫 stop(true ture):停止動(dòng)畫,直接跳到第一個(gè)動(dòng)畫的最終狀態(tài)查看全部
-
toggle與slideToggle細(xì)節(jié)區(qū)別: toggle:動(dòng)態(tài)效果為從右至左。橫向動(dòng)作,toggle通過display來判斷切換所有匹配元素的可見性 slideToggle:動(dòng)態(tài)效果從下至上。豎向動(dòng)作,slideToggle 通過高度變化來切換所有匹配元素的可見性 fadeToggle方法 fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之間切換。 元素是淡出顯示的,fadeToggle() 會(huì)使用淡入效果顯示它們。 元素是淡入顯示的,fadeToggle() 會(huì)使用淡出效果顯示它們。 注釋:隱藏的元素不會(huì)被完全顯示(不再影響頁面的布局)查看全部
-
淡入淡出fadeIn與fadeOut都是修改元素樣式的opacity屬性,但是他們都有個(gè)共同的特點(diǎn),opacity變化的區(qū)間要么是0,要么是1 如果要讓元素保持動(dòng)畫效果,執(zhí)行opacity = 0.5的效果時(shí),用.fadeTo( duration, opacity ,callback)查看全部
舉報(bào)