<html>
<head>
<title>show hide toggle</title>
<script type='text/javascript' src="jquery/jquery-1.3.1.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$("#show").click(function(){
$("#showDiv").show(1000,alert(100));
});
$("#hide").click(function(){
$("#showDiv").hide(1000,alert(200));
});
$("#toggle").click(function(){
$("#showDiv").toggle(1000,alert(300));
});
});
</script>
<style>
.showDiv
{
width:200px;
height:200px;
border:1px red solid;
}
</style>
</head>
<body>
<div class="showDiv" style="display:none;" id="showDiv">show and hide</div>
<p style="display: none">Hello</p>
<input type="button" value="Show" id="show" />
<input type="button" value="Hide" id="hide" />
<input type="button" value="Toggle" id="toggle" />
</body>
</head>
分享到:
相关推荐
jQuery显示隐藏DIV简单实例,需要隐藏网页的部分内容时经常会使用到展开、收起DIV,不是弹出的效果。
主要介绍了JQuery显示隐藏DIV的方法及代码实例,本文讲解了载入时隐藏、动态隐藏和显示两部分内容,需要的朋友可以参考下
jQuery显示隐藏DIV简单实例,需要隐藏网页的部分内容时经常会使用到展开、收起DIV,不是弹出的效果。
使用JQUERY做的一个页面DIV动态隐藏 显示 点击+号图片后 DIV会自动隐藏 点击-号图片后 DIV会自动显示 隐藏的DIV区域内的控件值后台仍可以取得到,当页面刷新时,也不会改变隐藏区域的隐藏状态 使用JQUERY将页面状态...
jquery点击显示 隐藏事件 button div
主要介绍了JQuery显示、隐藏div的几种方法简明总结,本文总结了控制style、控制CSS、JQuery自带方法等几种显示、隐藏div的方法,需要的朋友可以参考下
本篇文章是对jquery中的div显示和隐藏特效demo进行了详细的分析介绍,需要的朋友可以参考下
4. jquery+div实现同时滑动切换的图文展示特效插件下载 5. jquery+div带动画按钮图片手动与自动切换的特效代码 6. jquery一页多用的飞飞图片幻灯插件演示 7. jquery仿flash产品图片多角度展示特效代码 8. jquery...
jquery显示和隐藏div特效的实例代码,需要的朋友可以参考一下
利用jquery框架实现层的显示与隐藏特效的一个简单的例子
$("#id")返回的是JQuery 它是个集合肯定没有display属性 $(“#firstStep”).hide(500);而且可以设置时间;(“#firstStep”).hide(500);而且可以设置时间; $(“.class”).css(‘display’,’block’); $(“#id”)....
在jquery中显示隐藏div方法方法有很多种,如比较简单的函数show(),hide(),toggle(),slideDown()然后还有css设置div的style属性都可操作,下面我来介绍。 show()方法 显示出隐藏的 <p> 元素。 代码如下: $(“.btn2”...
主要介绍了JQuery DIV 动态隐藏和显示的方法的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
一个漂亮的基于jQuery实现的点击后显示-隐藏无刷新登录框程序例子。
jquery和js分别可以实现对div的隐藏和显示,方法也不一样,jquery的show、show;js的hidden、visible
// 绑定高度并获得当前隐藏keys(获得当前事件的下一个元素) /** * 显示状态和模块 */ /** * 隐藏状态和模块 */ /** * 动态创建层并添加显示内容 改分页 */ /** * DWR 提交 */ /** * 分页函数 ...