jQuery学习-自定义动画
2024-10-18 21:24:51
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>自定义动画</title>
<script src="js/jquery.js"></script> <style>
.me1{
position: absolute;
left: %;
top: %;
margin-left: -150px;
margin-top: -;
width: 400px;
height: 100px;
background-color: orange;
overflow: auto;
padding: 10px;
border: 30px solid lightblue; } .me2{
position: absolute;
left: %;
top: %;
margin-left: -200px;
margin-top: -;
width: 400px;
height: 100px;
background-color: blue;
overflow: auto;
padding: 10px;
border: 30px solid orange; } </style>
<script type="text/javascript">
//页面加载完成简写形式
$(function(){
//animate 第一参数 目标值 第二个参数持续时间
$(".me1").animate({left:"60%",top:"80%",width:"5%",height:"5%",borderWidth:"1px"},
{queue:true, duration: } //queue使用队列动画
)
$(".me1").animate({left:"20%",top:"50%",width:"20%",height:"20%",borderWidth:"30px"},
{queue:true, duration: } //queue使用队列动画
)
}) </script>
</head>
<body>
<div class="me1"></div>
<div class="me2"></div>
</body>
</html>
最新文章
- 简易线程池Thread Pool
- 猿团YTFCloud--5分钟自制APP,开发从未如此简单
- 写给自己看的Linux运维基础(三) - Mono
- 性能监视器(SSAS)
- 入侵HP打印机的文件系统
- OpenGL ES着色器语言之操作数(官方文档第五章)
- centos6.5-VMware虚拟机-双网卡绑定
- 连载《一个程序猿的生命周期》-《发展篇》- 22.城市奋斗者的阿Q精神
- pandas快速入门
- Java中遍历实体类(处理MongoDB)
- appium+python自动化 adb shell按键操作
- 进程 day36
- MSSQL 数据库语句原来是区分大小写的啊
- linux实时流量监控
- 【51nod】1123 X^A Mod B (任意模数的K次剩余)
- Jwt访问api提示401错误 Authorization has been denied for this request
- 升级OPENSSH 和 OPENSSL
- R 语言贷款月供数据分析
- 3dsmax2012卸载/安装失败/如何彻底卸载清除干净3dsmax2012注册表和文件的方法
- http接口测试框架-python
热门文章
- session 之session混乱解决方法(转)
- 进程间协作---wait,notify,notifyAll
- Mybatis工作原理(含部分源码)
- sql建JOB语句
- Linux 系统的主机别名文件
- 安装zabbix3.4的过程(一)
- Logstash和Flume-NG Syslog接收小测试
- 设计模式之——单例模式(Singleton)的常见应用场景(转):
- if 里面嵌套一个if&;else (我自己又细分了别的条件,加了elif)
- 面向对象程序设计_Task5_Calculator1.5.0