首页 > 其他 > 详细

动画效果开关

时间:2019-08-21 17:33:33      阅读:86      评论:0      收藏:0      [点我收藏+]

和jQuery的stop方法不一样的是

这是用另一种方法直接判断是否有动画效果

code:

##~html

<p>当“切换动画”开关按钮被按下时,我们伴着缓慢的动画在隐藏和显示div之间切换。按“启用”或“禁用”来打开和关闭动画。</p>
<button id="disable">jQuery.fx.off = true ( 禁用 )</button>
<button id="enable">jQuery.fx.off = false ( 启用 )</button>
<br><br>
<button id="toggle">切换动画</button>
<div id="div1">
</div>

 

###~css

#div1{
background:#98bf21;height:100px;width:100px;margin:50px;
}

 

###~js

$(document).ready(function(){
$("#disable").click(function(){
jQuery.fx.off = true;
});
$("#enable").click(function(){
$.fx.off = false;
});
$("#toggle").click(function(){
$("div").toggle("slow");
});
});

 

动画效果开关

原文:https://www.cnblogs.com/huchong-bk/p/11388861.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!