点击显示或隐藏 slideDown/slideUp
来源:互联网 发布:劳动收入份额数据 编辑:程序博客网 时间:2024/06/06 13:09
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery-2.1.0.js">
</script>
<script type="text/javascript">
$(function(){
$("button:eq(0)").click(function(){
$("div").slideDown();
});
$("button:eq(1)").click(function(){
$("div").slideUp();
});
$("button:eq(2)").click(function(){
$("div").slideToggle();
});
});
</script>
<style type="text/css">
div {
width: 200px;
height: 200px;
background: pink;
}
</style>
</head>
<body>
<button>显示</button>
<button>隐藏</button>
<button>切换</button>
<div></div>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery-2.1.0.js">
</script>
<script type="text/javascript">
$(function(){
$("button:eq(0)").click(function(){
$("div").slideDown();
});
$("button:eq(1)").click(function(){
$("div").slideUp();
});
$("button:eq(2)").click(function(){
$("div").slideToggle();
});
});
</script>
<style type="text/css">
div {
width: 200px;
height: 200px;
background: pink;
}
</style>
</head>
<body>
<button>显示</button>
<button>隐藏</button>
<button>切换</button>
<div></div>
</body>
</html>
阅读全文
0 0
- 点击显示或隐藏 slideDown/slideUp
- JQuery slidedown slideup方法
- slideUp()和slideDown()
- .Net Jquery(slideDown,slideUp)用法
- 【jQuery】slideUp()和slideDown()函数
- easyui combobox 修改下拉框下拉显示方式为slidedown、slideup
- jQuery中的slideUp()、slideDown()、hide()、show()
- slideup()和slideDown()方法的使用
- 动画效果-slideUp slideDown上下滑动
- jQuery动画效果-slideUp slideDown上下滑动
- jQuery 效果 - 滑动slideDown()、slideUp()、slideToggle()
- slideDown(),slideUp()在IE无效果
- jQuery中的slideUp()、slideDown()、hide()、show()
- slideup跟slideDown改变高度实现动态
- JQuery 向下展开收起动画( slideDown(),slideUp() )
- jquery 显示隐藏div方法show(),hide(),toggle(),slideDown()总结
- jquery 显示隐藏div方法show(),hide(),toggle(),slideDown()总结
- JS实现点击参数面板按钮显示或隐藏数据
- java实现网上在线支付
- 有顶容量约束的网络最大流
- 银行家算法(C++)
- 分饼 二分
- 跑马灯简单实现
- 点击显示或隐藏 slideDown/slideUp
- Kosaraju算法
- okclient2详细介绍
- 信息表
- 【C++】Visual Studio 2012 MFC——Expression: _pFirstBlock==pHead解决办法
- JVM 第二章 attrribute的详解
- Linux防火墙设置-开放端口
- ajax--2.数据格式实现
- 洛谷P1774 最接近神的人_NOI导刊2010提高(树状数组)