-
jQuery提供了fadeTo方法,可以讓改變透明度一步到位 語法 .fadeTo( duration, opacity ,callback) 必需的 duration參數規定效果的時長。它可以取以下值:"slow"、"fast" 或毫秒。fadeTo() 方法中必需的 opacity 參數將淡入淡出效果設置為給定的不透明度(值介于 0 與 1 之間)??蛇x的 callback 參數是該函數完成后所執行的函數名稱。 //【切換顯示/隱藏】按鈕 $("#btnFadeSwitch").click(function() { var v = $("#animation").val(); if (v == "1") { $("p").fadeTo("slow", 0.5); } else if (v == "2") { $("p").fadeTo(1000, 0.2); } else if (v == "3") { $("p").fadeTo(1000, 0.9, function() { alert('完成') }); } });查看全部
-
fadeToggle()函數用于切換所有匹配的元素,并帶有淡入/淡出的過渡動畫效果。之前也學過toggle、slideToggle 也是類似的處理方式 fadeToggle切換fadeOut與fadeIn效果,所謂"切換",即如果元素當前是可見的,則將其隱藏(淡出);如果元素當前是隱藏的,則使其顯示(淡入)。查看全部
-
最簡單的使用:不帶參數--$("elem").slideUp(); 帶參數: .slideUp( [duration ] [, easing ] [, complete ] ) 因為動畫是異步的,所以要在動畫之后執行某些操作就必須要寫到回調函數里面,這里要特別注意查看全部
-
具體使用: $("ele").slideDown(1000, function() { //等待動畫執行1秒后,執行別的動作.... }); 注意事項: 下拉動畫是從無到有,所以一開始元素是需要先隱藏起來的,可以設置display:none 如 果提供回調函數參數,callback會在動畫完成的時候調用。將不同的動畫串聯在一起按順序排列執行是非常有用的。這個回調函數不設置任何參數,但是 this會設成將要執行動畫的那個DOM元素,如果多個元素一起做動畫效果,那么要非常注意,回調函數會在每一個元素執行完動畫后都執行一次,而不是這組 動畫整體才執行一次查看全部
-
直接定位:.toggle(display) 直接提供一個參數,指定要改變的元素的最終效果 其實就是確定是使用show還是hide方法 if ( display === true ) { $( "elem" ).show(); } else if ( display === false ) { $( "elem" ).hide(); }查看全部
-
//點擊button //執行3秒隱藏 //執行3秒顯示 $("button").click(function() { $("#a1").hide(3000).show(3000) });查看全部
-
//點擊button2 執行動畫隱藏,并在隱藏完成后顯示提示信息 $("button:last").click(function() { $("#a2").hide({ duration: 3000, complete: function() { alert('執行3000ms動畫完畢') } }) });查看全部
-
負索引值參數 get方法還可以從后往前索引,傳遞一個負索引值,注意的負值的索引起始值是-1查看全部
-
代碼如下顯示查看全部
-
get方法是獲取dom對象,eq方法是獲取jq對象查看全部
-
$('#results2').val( $.trim($("#results2").val()) );查看全部
-
如果要判斷數組中是否存在指定值,你需要通過該函數的返回值不等于(或大于)-1來進行判斷 語法: jQuery.inArray( value, array ,[ fromIndex ] )查看全部
-
回調函數中傳入的兩個參數,如果遍歷的是數組,第一個參數是索引值,第二個參數是數組的值;如果遍歷是對象,第一個參數是屬性,第二個參數是屬性值查看全部
-
step:function(now,fx) argument(0):當前正在改變的值,now argument(1):進度。fx查看全部
-
語法: .animate( properties ,[ duration ], [ easing ], [ complete ] ) .animate( properties, options )查看全部
舉報
0/150
提交
取消