-
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"）。查看全部
-
$('#elem').animate({ width: 'toggle', height: 'toggle' }, { duration: 5000, specialEasing: { width: 'linear', height: 'easeOutBounce' }, complete: function() { $(this).after('<div>Animation complete.</div>'); } });查看全部
-
特別注意單位，屬性值的單位像素（px）,除非另有說明。單位em 和 %需要指定使用 .animate({ left: 50, width: '50px' opacity: 'show', fontSize: "10em", }, 500); 除了定義數值，每個屬性能使用'show', 'hide', 和 'toggle'。這些快捷方式允許定制隱藏和顯示動畫用來控制元素的顯示或隱藏 .animate({ width: "toggle" }); 如果提供一個以+= 或 -=開始的值，那么目標值就是以這個屬性的當前值加上或者減去給定的數字來計算的 .animate({ left: '+=50px' }, "slow"); duration時間 動畫執行的時間，持續時間是以毫秒為單位的；值越大表示動畫執行的越慢，不是越快。還可以提供'fast' 和 'slow'字符串，分別表示持續時間為200 和 600毫秒。 easing動畫運動的算法 jQuery庫中默認調用 swing。如果需要其他的動畫算法，請查找相關的插件查看全部
-
toggle與slideToggle細節區別： toggle：動態效果為從右至左。橫向動作，toggle通過display來判斷切換所有匹配元素的可見性 slideToggle：動態效果從下至上。豎向動作，slideToggle 通過高度變化來切換所有匹配元素的可見性 fadeToggle方法 fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之間切換。 元素是淡出顯示的，fadeToggle() 會使用淡入效果顯示它們。 元素是淡入顯示的，fadeToggle() 會使用淡出效果顯示它們。 注釋：隱藏的元素不會被完全顯示（不再影響頁面的布局）查看全部
-
如果不傳遞任何參數給 .index() 方法，則返回值就是jQuery對象中第一個元素相對于它同輩元素的位置 如果在一組元素上調用 .index() ，并且參數是一個DOM元素或jQuery對象， .index() 返回值就是傳入的元素相對于原先集合的位置 如果參數是一個選擇器， .index() 返回值就是原先元素相對于選擇器匹配元素的位置。如果找不到匹配的元素，則 .index() 返回 -1 index（）返回對象位置查看全部
-
$('a')//找到所有a標簽 $('a').get(5)//找到所有a標簽的第五個 $('a').get(-2)//找到所有a標簽的倒數第五個查看全部
-
jQuery.trim() 移除字符串結束和開始處的空格或換行符，不能移除字符串中間的空格查看全部
-
obj.inArray(value,array,[fromIndex]) inArray數組可以查詢一個對象是否存在于一個數組中，存在返回這個對象處于的位置，未找到則返回-1. 第一個參數為查詢的對象，第二個是參數為查詢的數組，第三個參數為數組中查找的起始位置，默認從1開始，選填 注：第三個參數對inArray的結果沒有影響查看全部
-
停止動畫stop() stop()：只會停止第一個動畫，第二個第三個繼續 stop(true)：停止第一個、第二個和第三個動畫 stop(true ture)：停止動畫，直接跳到第一個動畫的最終狀態查看全部
-
$aaron.animate({ fontSize: "5em" }, 2000, function() { alert("動畫 fontSize執行完畢!"); }); animate動畫，第一個參數為對象改變的值，第二個參數為動畫時間，第三個參數為動畫執行結束后執行的函數查看全部
-
隱藏顯示切換方法 改變樣式display為none 設置位置高度為0 設置透明度為0 toggle：切換顯示與隱藏效果 sildeToggle：切換上下拉卷滾效果 fadeToggle：切換淡入淡出效果查看全部
-
淡入效果fadeTo（改變透明度），第一個參數為動畫時間，第二個參數為透明度最終變化成的值查看全部
-
fadeToggle切換fadeOut與fadeIn效果，即淡入淡出效果查看全部
-
fadeIn淡出顯示動畫 fadeOut淡入消失動畫 第一個參數為動畫時間（可不填默認400ms） 第二個參數為動畫完成后執行的函數（可不填）查看全部
-
$("button").click(function() { $("#a1").slideToggle("3000") }); 上下拉卷切換(可重復)效果，括號內為動畫時間，不填為400ms，fast對應200ms，slow對應600ms，也可自定義動畫時間 第二個參數可選，是一個動畫結束后執行的效果查看全部
舉報
0/150
提交
取消