-
.fadeTo( duration, opacity [, complete ] )查看全部
-
.slideDown( [duration ] [, complete ] )查看全部
-
hide( duration: 持續時間,complete: 完成函數function())查看全部
-
操作元素的顯示和隱藏可以有幾種方法。 例如： 改變樣式diplay為none 位置高度為0 透明度為0 toggle、sildeToggle以及fadeToggle的區別： toggle：切換顯示與隱藏效果 sildeToggle：切換上下拉卷滾效果 fadeToggle：切換淡入淡出效果查看全部
-
.fadeTo( duration, opacity [, complete ] )查看全部
-
//【隱藏】按鈕 $("#btnFadeOut").click(function() { var v = $("#animation").val(); if (v == "1") { $("p").fadeOut(); } else if (v == "2") { $("p").fadeOut("slow"); } else if (v == "3") { $("p").fadeOut(3000); } else if (v == "4") { $("p").fadeOut(2000, function() { alert("隱藏完畢!"); }); } else if (v == "5") { $("p").fadeOut(1000, "linear"); } else if (v == "6") { $("p").fadeOut({ duration: 1000 }); } });查看全部
-
當一個隱藏動畫后，高度值達到0的時候，display 樣式屬性被設置為none，以確保該元素不再影響頁面布局查看全部
-
因為動畫是異步的，所以要在動畫之后執行某些操作就必須要寫到回調函數里面，這里要特別注意查看全部
-
直接定位：.toggle(display) 直接提供一個參數，指定要改變的元素的最終效果 其實就是確定是使用show還是hide方法 if ( display === true ) { $( "elem" ).show(); } else if ( display === false ) { $( "elem" ).hide(); }查看全部
-
.toggle( [duration ] [, complete ] ) yesyesyes，hide，show都是一樣的查看全部
-
關于duration和complete。。一樣的 hide(速度，回調函數) duration = 速度 complete = 回調 不過我也覺得這樣寫好看一點，但是上面的方法更加簡單一點 $("#a2").hide({ duration: 3000, complete: function() { alert('執行3000ms動畫完畢') } })查看全部
-
duration:3000 是執行的時間是3秒鐘，complete是回調，意指3秒鐘結束后執行查看全部
-
1.stop()：只會停止第一個動畫，第二個第三個繼續 2.stop(true)：停止第一個、第二個和第三個動畫 3.stop(true ture)：停止動畫，直接跳到第一個動畫的最終狀態 值得注意的問題： 如果動畫未完成停止了，那么動畫完成時執行的回調函數是不會被調用的查看全部
-
get(index)如果index為正數，則從從前到后索引，起始值為0 如果為負數，則從后往前，且負值得起始值為-1查看全部
-
$(selector).animate(styles,speed,easing,callback) styles：json格式的字符串，用于定義需要變化的樣式，必選 speed：持續時間，可以填以毫秒為單位的數字，可選 easing：速度函數，內置swing和linear函數，可選 callback：回調函數，動畫完成后執行，可選查看全部
舉報
0/150
提交
取消