-
jQuery.inArray(<val>, <array>[, <fromIndex>]?)：判斷元素是否在數(shù)組中。 從原始數(shù)組<array>的索引為<fromIndex>（默認為0）的項開始向后查找<val>，找到就返回其索引值，否則返回-1。 判斷條件：if(<result> < 0)查看全部
-
循環(huán)迭代： jQuery.each(<arr>, function(<index>, <val>)) jQuery.each(<obj>, function(<prop>, <val>)) <selector>.each(function(<index>, <ele>)) 停止循環(huán)：在function中返回false。查看全部
-
jQuery中動畫animate(下) .animate( properties, options ) options參數(shù) duration - 設(shè)置動畫執(zhí)行的時間 easing - 規(guī)定要使用的 easing 函數(shù)，過渡使用哪種緩動函數(shù) step：規(guī)定每個動畫的每一步完成之后要執(zhí)行的函數(shù) progress：每一次動畫調(diào)用的時候會執(zhí)行這個回調(diào)，就是一個進度的概念 complete：動畫完成回調(diào) 其中最關(guān)鍵的一點就是： 如果多個元素執(zhí)行動畫，回調(diào)將在每個匹配的元素上執(zhí)行一次，不是作為整個動畫執(zhí)行一次 列出常用的方式： $('#elem').animate({ width: 'toggle', height: 'toggle' }, { duration: 5000, specialEasing: { width: 'linear', height: 'easeOutBounce' }, complete: function() { $(this).after('<div>Animation complete.</div>'); } });查看全部
-
停止動畫： .stop(<isStopAll>?[, <isGoToEnd>]?) 參數(shù)說明： <isStopAll>表明是否停止所有動畫，默認false； <isGoToEnd>表明是否直接跳到動畫的最終狀態(tài)，默認false。查看全部
-
自定義動畫： .animate(<props>[, <duration>]?[, <easing>]?[, <func>]?) .animate(<props>, <opts>) 備注： <props>是object對象，格式為{<prop>:<val>,...}； 用于動畫的屬性必須是數(shù)字的； 屬性值有“show”、“hide”、“toggle”或數(shù)值（單位默認為px），允許使用+=、-=設(shè)置數(shù)值； 不會自動顯示隱藏的元素。查看全部
-
jQuery中動畫animate(上) 有些復(fù)雜的動畫通過之前學到的幾個動畫函數(shù)是不能夠?qū)崿F(xiàn)，這時候就需要強大的animate方法了。animate方法更加靈活了，可以精確的控制樣式屬性從而執(zhí)行動畫。 語法： .animate( properties ,[ duration ], [ easing ], [ complete ] ) .animate( properties, options ) 參數(shù)分解： properties：一個或多個css屬性的鍵值對所構(gòu)成的Object對象。要特別注意所有用于動畫的屬性必須是數(shù)字的，除非另有說明；這些屬性如果不是數(shù)字的將不能使用基本的jQuery功能。比如常見的，border、margin、padding、width、height、font、left、top、right、bottom、wordSpacing等等這些都是能產(chǎn)生動畫效果的。background-color很明顯不可以，因為參數(shù)是red或者GBG這樣的值，非常用插件，否則正常情況下是不能只用動畫效果的。注意，CSS 樣式使用 DOM 名稱（比如 "fontSize"）來設(shè)置，而非 CSS 名稱（比如 "font-size"）。 特別注意單位，屬性值的單位像素（px）,除非另有說明。單位em 和 %需要指定使用 .animate({ left: 50, width: '50px' opacity: 'show', fontSize: "10em", }, 500); 除了定義數(shù)值，每個屬性能使用'show', 'hide', 和 'toggle'。這些快捷方式允許定制隱藏和顯示動畫用來控制元素的顯示或隱藏 .animate({ width: "toggle" }); 如果提供一個以+= 或 -=開始的值，那么目標值就是以這個屬性的當前值加上或者減去給定的數(shù)字來計算的 .animate({ left: '+=50px' }, "slow"); duration時間 easing動畫運動的算法 complete回調(diào)查看全部
-
fadeIn類似于show，fadeOut類似于hide，fadeToggle類似于toggle，但只改變透明度。 fadeTo(<duration>, <opacity>[, <easing>]?[, <func>]?)則調(diào)整透明度為指定的值。查看全部
-
toggle、sildeToggle以及fadeToggle的區(qū)別： toggle：切換顯示與隱藏效果 sildeToggle：切換上下拉卷滾效果 fadeToggle：切換淡入淡出效果 當然細節(jié)上還是有更多的不同點: toggle與slideToggle細節(jié)區(qū)別： toggle：動態(tài)效果為從右至左。橫向動作，toggle通過display來判斷切換所有匹配元素的可見性 slideToggle：動態(tài)效果從下至上。豎向動作，slideToggle 通過高度變化來切換所有匹配元素的可見性 fadeToggle方法 fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之間切換。 元素是淡出顯示的，fadeToggle() 會使用淡入效果顯示它們。 元素是淡入顯示的，fadeToggle() 會使用淡出效果顯示它們。 注釋：隱藏的元素不會被完全顯示（不再影響頁面的布局）查看全部
-
slideDown類似show，slideUp類似hide，slideToggle類似toggle，但是只改變高度。查看全部
-
隱藏： .hide() .hide(<duration>[, <easing>]?[, <func>]?) .hide(<opts>) 顯示： .show() .show(<duration>[, <easing>]?[, <func>]?) .show(<opts>) 切換： .toggle() .toggle(<duration>[, <easing>]?[, <func>]?) .toggle(<opts>) .toggle(<isDisplay>) 參數(shù)說明： <duration>表示動畫時長，值有“slow”（600）、“normal”（默認400）、“fast”（200）和毫秒數(shù)值； <easing>指定切換效果，值有“swing”（默認）、“l(fā)inear”； <func>規(guī)定動畫完成時執(zhí)行的函數(shù)，每個元素執(zhí)行一次； <opts>為object對象，格式為{<duration>:<val1>,<easing>:<val2>,...}； <isDisplay>為true則顯示，false則隱藏。 備注： show和hide修改display屬性； 如果樣式中有“!important”則需要用.css()方法重置； show和hide設(shè)置了<duration>時，默認改變元素的寬高和透明度。查看全部
-
style()是js獨有的方法，而css()是jq獨有的方法，get()方法后取得的js元素，它只能識別style()，而不能識別css() get方法是獲取dom對象，eq方法是獲取jq對象查看全部
-
step: function(now, fx) progress: function(now, fx) now:是當前動畫正在改變的屬性的實時值； fx: jQuery.fx 原型對象的一個引用,其中包含了多項屬性,比如 執(zhí)行動畫的元素：elem; 動畫正在改變的屬性：prop; 正在改變屬性的當前值：now; 正在改變屬性的結(jié)束值：end; 正在改變屬性的單位：unit;等 可在這里改變animate第1個參數(shù)中設(shè)置的屬性bb在動畫結(jié)束時的值查看全部
-
jQuery中淡入效果fadeTo 改變元素透明度0~1 語法 .fadeTo( duration, opacity ,callback) 必需的 duration參數(shù)規(guī)定效果的時長。它可以取以下值："slow"、"fast" 或毫秒。fadeTo() 方法中必需的 opacity 參數(shù)將淡入淡出效果設(shè)置為給定的不透明度（值介于 0 與 1 之間）?？蛇x的 callback 參數(shù)是該函數(shù)完成后所執(zhí)行的函數(shù)名稱。查看全部
-
jQuery中淡入淡出切換fadeToggle fadeToggle切換fadeOut與fadeIn效果，所謂"切換"，即如果元素當前是可見的，則將其隱藏(淡出)；如果元素當前是隱藏的，則使其顯示(淡入)。 常用語法：.fadeToggle( [duration ] ,[ complete ] ) 可選的 duration 參數(shù)規(guī)定效果的時長。它可以取以下值："slow"、"fast" 或毫秒。 可選的 callback 參數(shù)是 fadeToggle完成后所執(zhí)行的函數(shù)名稱。查看全部
-
jQuery中淡入動畫fadeIn fadeOut是淡出效果，相反的還有淡入效果fadeIn .fadeIn( [duration ], [ complete ] ) duration：指定過渡動畫運行多長時間(毫秒數(shù))，默認值為400。該參數(shù)也可以為字符串"fast"(=200)或"slow"(=600)。 元素顯示完畢后需要執(zhí)行的函數(shù)。函數(shù)內(nèi)的this指向當前DOM元素。 fadeIn()函數(shù)用于顯示所有匹配的元素，并帶有淡入的過渡動畫效果。 注意： 淡入的動畫原理：操作元素的不透明度從0%逐漸增加到100% 如果元素本身是可見的，不對其作任何改變。如果元素是隱藏的，則使其可見查看全部
舉報
0/150
提交
取消