jQuery动画之自定义动画
语法
>$(selector).animate({params}, speed, callback);
参数:
<li>params: 必选,要执行动画的CSS属性。</li>
<li>speed: 可选,执行动画时长。</li>
<li>callback: 可选,动画执行完成后,立即执行的回调函数。</li>
作用:
执行一组CSS属性的自定义动画
示例代码:
```html
jQuery动画之自定义动画
div{
position: absolute;
left: 20px;
top: 30px;
width: 100px;
height: 100px;
background-color: green;
}
$(function(){
$("button").click(function(){
var json = {
"width": 500,
"height": 500,
"left": 300,
"top": 300,
"border-radius": 100};
var json2 = {
"width": 100,
"height": 100,
"left": 100,
"top": 100,
"border-radius": 100,
"background-color": "red"
};
$("div").animate(json, 1000, function(){
$("div").animate(json2, 1000, function(){
alert("动画执行完毕!");
});
});
});
})
</script>
自定义动画
```
最新文章
- .NET MVC Filter异常处理
- 第四周作业-yjw
- Java Web项目 配置 ueditor心得
- spl_autoload_register更改框架文件引用模式
- c语言 typedef
- rails中两种回滚-reversible和revert区别
- 安装VS2015出现的bug,各位安装请注意
- Matlab计算机视觉/图像处理工具箱推荐
- 全国计算机等级考试二级教程-C语言程序设计_第2章_C程序设计的初步知识
- MySql创建一个存储过程
- MySQL Administrator的简单操作
- 使用padding后内容超出父级元素
- RecyclerView的Item的单击事件
- Linux Input子系统浅析(二)-- 模拟tp上报键值【转】
- 了解box-sizing 盒子模型
- AJAX的来龙去脉(由来)-如何被封装出来的--ajax发送异步请求(四步操作)
- shiro授权及自定义realm授权(七)
- Python_建造者模式
- Python3基础 list insert 在指定位置挤入一个元素
- MSSQL索引视图(indexed view)之简述及使用