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