stop总结
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
var div = $("div");
$("#start").click(function(){
div.animate({left:'200px'},5000);
div.animate({fontSize:'3em'},5000);
});
$("#stop").click(function(){
div.stop();
});
$("#stop2").click(function(){
div.stop(true);
});
$("#stop3").click(function(){
div.stop(true,true);
});
});
</script>
</head>
<body>
<button id="start">开始</button>
<button id="stop">停止</button>
<button id="stop2">停止所有</button>
<button id="stop3">停止动画，但完成动作</button>
<p>点击 "开始" 按钮开始动画。</p>
<p>点击 "停止" 按钮停止当前激活的动画，但之后我们能再动画队列中再次激活。</p>
<p>点击 "停止所有" 按钮停止当前动画，并清除动画队列，所以元素的所有动画都会停止。</p>
<p>点击 "停止动画，但完成动作" 快速完成动作，并停止它。</p>
<div style="background:#98bf21;height:100px;width:200px;position:absolute;">HELLO</div>
</body>
</html>
最新文章
- bzoj1202--带权并查集+前缀和
- Java开发环境的搭建以及使用eclipse从头一步步创建java项目
- 基于dubbo框架下的RPC通讯协议性能测试
- win server 2008 r2 sharepoint 域环境安装经历
- css选择器（选择<div>内所有<p>元素）
- 1.3 迭代器 - iterator
- MS SqlServer学习笔记（索引）
- 超详细图解：自己架设NuGet服务器
- Scala第四章学习笔记（面向对象编程)
- careercup-C和C++
- android开发之SwipeListView的使用
- JavaScript DOM-Ready 机制
- SignalR在Xamarin Android中的使用
- （@WhiteTaken）设计模式学习——单例模式
- CSRF的本质及防御
- Codeforces 342D Xenia and Dominoes 状压dp
- Linux 学习笔记之超详细基础linux命令 Part 11
- SQL Server进阶（一）T-SQL查询和编程的背景
- 在服务器端对sshd做白名单
- Couchbase 如何设置密码;bucketPassword设置密码