jquery.hide()方法

2/10/2017来源:心得技巧人气:8320

html部分

<button class="btn1">click to hide</button> <button class="btn2">click to hide2</button> <p>Here is paragraph</p>这里写代码片

jquery部分

<script> $(".btn1").click(function(){ $("p").stop().hide({//于避免动画执行过程中反复触发 duration:3000,//Number or String 决定动画将运行时间,默认400 easing:"linear",//String,过渡使用哪种缓动函数,默认为swing complete:function(){ alert("完成") } }); }); $(".btn2").click(function(){ $("p").hide(2000); }); //.stop();//停止当前动画,继续下一个动画 //.stop(true);//清除元素的所有动画 //.stop(false, true);//让当前动画直接到达末状态 ,继续下一个动画 //.stop(true, true);//清除元素的所有动画,让当前动画直接到达末状态 </script>

优质网站模板

  • 电脑主机模板下载

    电脑主机模板下载

  • 欧美打猎网站模板

    欧美打猎网站模板

  • 棒球网站模板

    棒球网站模板

  • 医院公司网站模板

    医院公司网站模板

  • 欧美企业汽车模板

    欧美企业汽车模板

  • 娱乐休闲音乐模板

    娱乐休闲音乐模板

  • 欧美音乐网站模板

    欧美音乐网站模板

  • 欧美音乐网站模板

    欧美音乐网站模板

  • 旅游网站模板

    旅游网站模板

  • 鱼模板下载

    鱼模板下载

  • 模特时尚网站模板

    模特时尚网站模板

  • 音乐网站模板

    音乐网站模板

  • 1
  • 2
  • 3