<style>
div{
width: 300px;
height: 300px;
display: none;
background-color: pink;
}
</style>
<script src="jquery-1.11.1.js"></script>
<script>
$(function () {
//点击按钮后产生动画
$("button:eq(0)").click(function () {
$("div").slideDown(2000);
})
//滑出动画
$("button:eq(1)").click(function () {
$("div").slideUp(2000);
})
$("button:eq(2)").click(function () {
$("div").stop(); //都不写，默认两个都是false;
// 第一个参数表示后续动画是否要执行
//（true:后续动画不执行 ;false:后续动画会执行）
// 第二个参数表示当前动画是否执行完
//（true:立即执行完成当前动画 ;false:立即停止当前动画）
//四种情况：情况1：true,true
//（后续动画不执行，立即执行完成当前动画）
// $("div").stop(true,true);
//四种情况：情况2：false,true
//（后续动画会执行，立即执行完成当前动画）
// $("div").stop(false,true);
//四种情况：情况3：true,false
//（后续动画不执行，立即停止当前动画`）
// $("div").stop(true,false);
//四种情况：情况4：true,false
//（后续动画会执行，立即停止当前动画`）
// $("div").stop(false,false);
})
})
</script>
</head>
<body>
<button>滑入</button>
<button>滑出</button>
<button>停止</button>
<div></div>
</body>
停止动画
?著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事?！?“怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 一、宏定义项目：TimerControl 规范：1.一般定义在.m文件的#import上，也可以定义在.h文件中；...
