动画效果开关

和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;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