为了账号安全,请及时绑定邮箱和手机立即绑定
  • 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
提交
取消
课程须知
1、有HTML/CSS基础 2、有JavaScript基础
老师告诉你能学到什么?
1、jQuery的基础语法 2、jQuery当中的动画处理

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!