jQuery动画(带参数)
2024-08-21 18:28:12
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>动画综合</title>
<script src="jquery-1.12.0.min.js"></script>
<script>
$(document).ready(function(){
$("#start").click(function(){
$("div").animate({
"left":"100px"
},3000) $("div").animate({
"fontSize":"2em"
},3000);
}); $("#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 W</div>
</body>
</html>
最新文章
- 两个有意思的模式在ECMAScript中的实现
- Android Gradle 完整指南
- 010-python基础-数据类型-字符串操作
- Android 自学之滚动视图ScrollView
- Python拷贝及多进程与类的问题
- 玩一个:可以显示任何xml树结构的xaml定义
- MVC - 布局
- Jsensation | 氪加
- IOS7 UITableView一行滑动删除后 被删除行的下一行的点击事件将被忽略解决办法
- 假设拦截WebView的错误和OS升级到4.4后链接不能点击的问题
- 快速创建InfoPath表单
- SpringMVC的form:form表单的使用
- Docker系统八:Docker的存储驱动
- sitecore8.2 如何关闭性能计数器
- css——letter spacing
- java 环境安装
- maven 构建spring boot + mysql 的基础项目
- HDU 1568 Fibonacci(大数前4位)
- BZOJ 2754 【SCOI2012】 喵星球上的点名
- 一步一步来熟悉Akka.Net(一)