-
<h4>測試二</h4> <div id="a2">hide動畫操作</div> <button>hide帶動畫</button> <script type="text/javascript"> //點擊buttom2 執行動畫隱藏 $("button:last").click(function() { $("#a2").hide({ duration: 6000, complete: function() { alert('執行3000ms動畫完畢') } }) });查看全部
-
如果不傳遞任何參數給 .index() 方法，則返回值就是jQuery對象中第一個元素相對于它同輩元素的位置 1.如果在一組元素上調用 .index() ，并且參數是一個DOM元素或jQuery對象， 2. .index() 返回值就是傳入的元素相對于原先集合的位置 3.如果參數是一個選擇器， .index() 返回值就是原先元素相對于選擇器匹配元素的位置。如果找不到匹配的元素，則 .index() 返回 -1查看全部
-
select查看全部
-
<select id="animation"> <option value="1">fadeOut( )</option> <option value="2">fadeOut( "slow" )</option> <option value="3">fadeOut( 3000 )</option> <option value="4">fadeOut( 1000, complete )</option> <option value="5">fadeOut( 1000, "linear" )</option> <option value="6">fadeOut( options )</option> </select> </br></br> <input id="btnFadeOut" type="button" value="點擊淡出隱藏" /> <input id="btnShow" type="button" value="顯示" /> <script type="text/javascript"> //【顯示】按鈕 $("#btnShow").click(function() { $("p").show(); }); //【隱藏】按鈕 $("#btnFadeOut").click(function(){ var b=$("#animation").val(); if(b=="1"){ $("p").fadeOut();}else if(b=="2"){ $("p").fadeOut("slow"); }else if(b=="3"){ $("p").fadeOut(3000);}else if(b=="4"){ $("p").fadeOut(2000,function(){alert("我愛你！");}); }else if(b=="5"){ $("p").fadeOut(1000,"linear"); } else if(b=="6"){$("p").fadeOut({duration:1000//這可不能加“;”不然就不管用})}});查看全部
-
option，選項查看全部
-
寫個完整點的animate方法，方便以后查找 animate({ width:300px, height:200px //不擴展的情況下值為數值型得才能執行動畫 }, { duraion:3000, easing:"wing", step:function(){ //動畫每步完成之后執行 } progress:function(){ // } })查看全部
-
jQuery.inArray()函數用于在數組中搜索指定的值，并返回其索引值。如果數組中不存在該值，則返回 -1。查看全部
-
animate也是異步執行，但是多個animate是順序執行的查看全部
-
$("button:last").click(function() { $("#a2").hide({ duration: 3000, complete: function() { alert('執行3000ms動畫完畢') } }) }); $("button:last").click(function() { $("#a2").hide( 3000, function() { alert('執行3000ms動畫完畢') } ); });查看全部
-
animate(參數1,參數2，參數3)<br> 參數1：一個css屬性的鍵值對，例如{width:100px,height:300px,fontSize:"3em"},這里的屬性只能是數值,如果width:"toggle",height:"toggle",則寬度和高度在0和當前值之間切換 參數2：一般為毫秒數，例3000，或者'fast','slow'等<br> 參數3：callback回發函數；function(){}<br> $('#aaron').animate({<br> width: "+=150px",<br> height: "+=150px",<br> fontSize: "5em",<br> borderWidth: 10<br> }, 1000,function(){alert(123)})查看全部
-
toggle針對width、height、opacity三個屬性進行操作來實現顯示和隱藏,slideToggle針對height屬性來實現顯示和隱藏,fadeToggle針對opacity屬性來實現顯示和隱藏查看全部
-
.fadeTo( duration, opacity [, complete ] )查看全部
-
fadeIn：淡出效果，即要顯示出來，opacity是0到1 fadeOut：淡入效果，即要隱藏出來，opacity是1到0查看全部
-
<select id="animation"> <option value="1">fadeToggle( )</option> <option value="2">fadeToggle( "slow" )</option> <option value="3">fadeToggle( 3000 )</option> <option value="4">fadeToggle( 1000, complete )</option> <option value="5">fadeToggle( 1000, "linear" )</option> <option value="6">fadeToggle( options )</option> </select> <input id="btnFadeSwitch" type="button" value="點擊切換顯示/隱藏">查看全部
-
fadeToggle() 方法可以在 fadeIn() 與 fadeOut() 方法之間進行切換。如果元素已淡出，則 fadeToggle() 會向元素添加淡入效果。如果元素已淡入，則 fadeToggle() 會向元素添加淡出效果。查看全部
舉報
0/150
提交
取消