-
jQuery提供了fadeTo方法,可以让改变透明度一步到位 语法 .fadeTo( duration, opacity ,callback) 必需的 duration参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。fadeTo() 方法中必需的 opacity 参数将淡入淡出效果设置为给定的不透明度(值介于 0 与 1 之间)。可选的 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
提交
取消