jquery的toggle合成事件
来源:互联网 发布:淘宝基金理财怎么样 编辑:程序博客网 时间:2024/04/30 02:20
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
*
{
margin: 0px;
padding: 0px;
}
#btn
{
width: 500px;
height:500px;
margin: 100px 0px 0px 100px;
}
.p
{
border: 5px greenyellow solid;
margin: 0px 0px 0px 100px;
width: 500px;
display: none;
}
</style>
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript">
$(function(){
//toggle合成事件,第一次点击执行第一个事件,
//第二次点击执行第二个事件。
$("#btn").toggle(function(){
$(".p").show();
},function(){
$(".p").hide();
})
})
</script>
</head>
<body>
<input type="button" value="点我有惊喜" id="btn"/>
<p class="p">惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜
惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜
惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜</p>
</body>
</html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
*
{
margin: 0px;
padding: 0px;
}
#btn
{
width: 500px;
height:500px;
margin: 100px 0px 0px 100px;
}
.p
{
border: 5px greenyellow solid;
margin: 0px 0px 0px 100px;
width: 500px;
display: none;
}
</style>
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript">
$(function(){
//toggle合成事件,第一次点击执行第一个事件,
//第二次点击执行第二个事件。
$("#btn").toggle(function(){
$(".p").show();
},function(){
$(".p").hide();
})
})
</script>
</head>
<body>
<input type="button" value="点我有惊喜" id="btn"/>
<p class="p">惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜
惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜
惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜</p>
</body>
</html>
0 0
- jquery的toggle合成事件
- jquery合成事件-hover() toggle()
- jQuery 中的合成事件 hover() & toggle()
- hover与toggle合成事件
- JQuery 合成事件(hover,toggle,one),事件多播(绑定多个函数)
- 很实用的jQuery事件 - toggle() 方法
- Jquery ---鼠标事件toggle
- Jquery中toggle事件
- JQuery toggle 转换事件
- jquery的toggle函数
- jquery 合成事件
- jQuery阻止 toggle方法事件冒泡
- Jquery中toggle的用法
- jquery判断toggle()的状态
- Jquery toggle函数的用法
- 很实用的jQuery事件 - toggle() 方法,简单实现显示隐藏的功能
- 解决jQuery元素绑定toggle事件后元素变成隐藏的问题
- jquery中toggle事件最新版本移除之后的解决
- android 使用proguard 代码混淆后,出现异常 Missing type parameter.
- 数字签名
- 64. 整合异步脚本
- web项目中,上传到tomcat的图片被删除的原因
- Java多线程基本使用一
- jquery的toggle合成事件
- macbook pro safari无法打开网页
- 我的第一个wordcount程序
- 修改Linux的root用户名
- 表单中数据的校验
- 关于algorithm 104的总结
- git在mac上的配置及使用
- WeMall的Android app商城中的wemall doraemon代码
- mysql innodb 事务操作的表锁及行锁-Deadlock found when trying to get lock; try restarting transaction的优化