jQuery 开始动画,停止动画
2024-08-25 00:10:47
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>效果2</title>
<script src="js/jquery-1.7.1.min.js"></script>
</head>
<style>
.fff{
background: #fff;
border: 1px solid #000;
}
.head{line-height: 30px;background: #999;}
.arrow{width: 20px;height: 20px;background: red;display: block;float: right;}
.div1{
width: 100%;
height: 50px;
background: red;
}
.ani-1{
width: 50px;
height: 50px;
background: red;
}
</style>
<script>
$(document).ready(function(){
$(".arrow").click(function(){
$("#div1").slideToggle();
}); $("#go").click(function(){
$("#anA").animate({
width:"400px",
height:"400px",
fontSize:"18px",
marginLeft:"30px"
},5000)
})
$("#sttop").click(function(){
$("#anA").stop()
}) jQuery.fx.interval = 100; $("input").click(function(){
$("div").toggle( 3000 );
}); });
</script>
<body>
<div class="head">我是大标题 <a class="arrow" onclick="btn_click()"></a></div> <div id="div1" class="div1"></div> <button id="go">开始动画</button> <button id="sttop">停止动画</button> <div class="ani-1" id="anA">哈哈哈,你来打我啊</div>
<p><input type="button" value="Run"/></p>
<div></div> </body>
</html>
最新文章
- Sharepoint client model 中出现Cannot invoke HTTP DAV request. There is a pending query 的解决办法
- 1020: 部分A+B
- 学习总结 java Iterator迭代器练习
- NSLog的使用
- Codeforces Round #217 (Div. 2) c题
- Google 多源码管理工具 gclient
- hdu 3732 Ahui Writes Word
- Unity3D GUI学习之GUI窗口的使用
- 如何使用robots不让百度和google收录
- Jquery 对话框确认
- [JS思路]运动框架思路
- C#中&与&&的区别
- Jenkins 使用Tfs 插件出现 MappingConflictException 错误问题解决
- python和Java的几种容器比较
- C语言---指针变量作为函数参数
- Kali学习笔记6:二层发现
- SQL Server 备份到网络盘网络映射盘
- OPC和DCOM配置
- C#实现接口IHttpModule完成统一的权限验证
- 【GMT43智能液晶模块】例程一:ARM驱动LED
热门文章
- YTU 2975: 我的编号
- Magic Grid ComboBox JQuery 版
- windows系统修改mysql端口的方法
- I.MX6 wpa_applicant 开启 debug 输出
- Python实现跨文件全局变量的方法
- 虚拟机安装hadoop
- 重启fpm
- bzoj 4916: 神犇和蒟蒻【欧拉函数+莫比乌斯函数+杜教筛】
- bzoj 4816: [Sdoi2017]数字表格【莫比乌斯反演+逆元】
- [App Store Connect帮助]九、衡量 App 表现(1)分析和报告概述