-
.animate( properties ,[ duration ], [ easing ], [ complete ] ) .animate( properties, options ) easing動畫運動的算法 所有用于動畫的屬性必須是數字的 屬性值的單位像素（px）,除非另有說明。單位em 和 %需要指定使用 .animate({ left: 50, ? width: '50px' ? opacity: 'show', ? fontSize: "10em", }, 500,fn);查看全部
-
toggle與slideToggle細節區別： toggle：動態效果為從右至左。橫向動作，toggle通過display來判斷切換所有匹配元素的可見性 slideToggle：動態效果從下至上。豎向動作，slideToggle 通過高度變化來切換所有匹配元素的可見性查看全部
-
toggle：切換顯示與隱藏效果 ， 改變樣式display :none/block ， 橫向動作 sildeToggle：切換上下拉卷滾效果 ， 改變高度， 豎向動作 fadeToggle：切換淡入淡出效果 ， 改變透明度查看全部
-
.fadeIn：淡入效果，內容顯示，opacity是0到1 .fadeOut：淡出效果，內容隱藏，opacity是1到0 .fadeTo( duration, opacity ,callback):淡入效果 duration:效果的時長，slow、fast或多少毫秒 opacity：0-1之間 callback：回調函數查看全部
-
fadeToggle( [duration ] ,[?complete ] ) 淡入淡出切換查看全部
-
淡入的動畫原理：操作元素的不透明度從0%逐漸增加到100% 如果元素本身是可見的，不對其作任何改變。如果元素是隱藏的，則使其可見查看全部
-
.fadeOut( [duration ], [ complete ] )淡出動畫 改變元素的透明度查看全部
-
slideToggle() slideToggle('duration',fn) fast:600ms slow:200ms 默認：400ms查看全部
-
$("#a2").slideUp(3000,function(){ alert('動畫執行結束') })查看全部
-
$("ele").slideDown(1000, function() { //等待動畫執行1秒后,執行別的動作.... }); 默認400毫秒 下拉動畫是從無到有，所以一開始元素是需要先隱藏起來的，可以設置display:none查看全部
-
$('elem').hide(3000).show(3000) 先隱藏，后顯示查看全部
-
duration 可選/String/Number類型指定過渡動畫運行多長時間(毫秒數)，默認值為400。該參數也可以為字符串"fast"(=200)或"slow"(=600)。 complete:元素隱藏完畢后需要執行的函數。函數內的this指向當前DOM元素。查看全部
-
//停止當前動畫 $aaron.stop() //停止所有隊列 $aaron.stop(true) //停止動畫，直接跳到當前動畫的結束 $aaron.stop(true,true)查看全部
-
options參數 duration - 設置動畫執行的時間 easing - 規定要使用的 easing 函數，過渡使用哪種緩動函數 step：規定每個動畫的每一步完成之后要執行的函數 progress：每一次動畫調用的時候會執行這個回調，就是一個進度的概念 complete：動畫完成回調 其中最關鍵的一點就是： 如果多個元素執行動畫，回調將在每個匹配的元素上執行一次，不是作為整個動畫執行一次查看全部
-
參數分解： 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 和 %需要指定使用查看全部
舉報
0/150
提交
取消