jquery.animate用法
2024-09-29 17:08:36
<!DOCTYPE html>
<html>
<head>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
var div = $("div");
startAnimation();
function startAnimation(){
div.animate({height:300},"slow");
div.animate({width:300},"slow");
div.css("background-color","blue");
div.animate({height:100},"slow");
div.animate({width:100},"slow",startAnimation);
}
});
});
</script>
</head>
<body>
<button>Start Animation</button>
<div style="width:50px;height:50px;position:absolute;left:10px;top:50px;background-color:red;"></div>
最新文章
- 特殊的数据类型: bit、sql_variant、sysname
- .NET 清理非托管资源
- 1006. Sign In and Sign Out (25)
- SAP保存操作记录CDHDR和CDPOS表
- XGrid绑定(转)
- TCP的服务流程
- Greg and Array
- Qt 数据库创建表失败原因之数据库关键字
- My97DatePicker显示时间控件的使用方法
- c++工程重复编译与重复定义
- JEECG&;Dubbo Demo
- Linux~常用的命令
- QQ路径
- 洛谷 P1439 【模板】最长公共子序列
- java实现sftp客户端上传文件夹的功能
- tesseract-ocr安装问题
- .resx文件与.cs文件的自动匹配
- mac安装Elasticsearch
- 13.翻译系列:Code-First方式配置多对多关系【EF 6 Code-First系列】
- 使用 Azure Active Directory 管理 Azure 中的 HPC Pack 群集