-
<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
提交
取消