javascript实现div的显示和隐藏
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>oec2003</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function toggle(targetid){
if (document.getElementById){
target=document.getElementById(targetid);
if (target.style.display=="block"){
target.style.display="none";
} else {
target.style.display="block";
}
}
}
-->
</script>
<style type="text/css">
<!--
#div1{
background-color:#000000;
height:400px;
width:400px;
display:none;
}
-->
</style>
</head>
<body>
<input type="button" id="butn" value="显示/隐藏" onclick="toggle('div1')" />
<center>
<div id="div1"></div></center>
居中的DIV
</body>
</html>
转载于http://www.cnblogs.com/oec2003/archive/2007/05/05/736492.html
分享到:
相关推荐
15种方法实现div显示和隐藏</title> [removed][removed] <style> body{ margin: 0; } h1,h2{ margin: 0; } ul{ margin: 0; padding: 0; list-style: none; } button{ background-color: #333; ...
介绍了在JS中实现DIV显示和隐藏的实例,需要的朋友可以参考一下
javascript 控制 html元素 显示/隐藏,下面是一些逐步的实现原理。
本文实例为大家分享了js实现简易点击切换显示或隐藏的具体代码,供大家参考,具体内容如下 html: <div id="header"> 点击切换显示隐藏</p> <div class="close" onclick="closeTask()">关闭</div> </div> ...
本文实例分享了点击按钮实现隐藏和显示的切换代码,供大家参考,具体内容如下 效果图: 在不少应用中,都有这样的功能,点击同一个按钮可以实现一个元素的显示和隐藏的切换,下面就通过代码实例介绍一下如何实现此...
利用js dwr javascript制作的弹出窗 实现页面的窗口从隐藏到实现。弹出DIV,显示阻挡层
界面结构, 一个外层的pass-box, 然后内层加入input 和 一个 i 标签, 且给他们加入相应的class名称. <div class=pass-box> <input type=password name=pass /> <i state=off></i> </div> 现在我们给相应的cla
javascript实现自定义滚动条效果 在实际项目中,遇到上下滚动条和左右滚动条不在一个DIV内部,所以某些情况下,右侧滚动条不可见。但是需要咋同一个视口内显示两个滚动条。 一个解决思路是:自定义滚动条,隐藏...
29.用JS实现一个id为book的div的显示和隐藏(1分) .解释evel函数 (1分) evel函数可以接受一个字符串作为参数,并把此字符串当做一段javascript代码去执行,如果字符串执行结果是一个值则返回此值,否则返回...
隐藏侧边栏,并将图片换成右箭头图片;显示侧边栏,并将图片换成左箭头,这样的效果想必大家都很熟悉吧,接下来实现下,感兴趣的朋友可以参考下哈
·DIV+CSS整体框架布局设计与实现 ·图片展示设计与实现 ·左右按钮设计与实现 ·运行网页,查看效果 3)相册展示轮播特效设计与JavaScript功能代码实现 ·JavaScript结合html与css进行框架调整 ·动画函数封装 ·...
14.10 用JavaScript实现数组排序 14.11 数字千分位函数 14.12 读写Cookie的函数 14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript函数 14.16 购物篮中常用的计算总价效果 ...
代码如下,实现了点击input显示一个div层,当点击除input和div以外的地方的时候,隐藏div的功能。 <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>点击其它地方关闭DIV&...
本文实例讲述了JS使用cookie实现DIV提示框只显示一次的方法。分享给大家供大家参考,具体如下: 这里运用JavaScript的cookie技术,控制网页上的提示DIV只显示一次,也就是当用户是第一次打开网页的时候才显示,第二...
14.10 用JavaScript实现数组排序 14.11 数字千分位函数 14.12 读写Cookie的函数 14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript函数 14.16 购物篮中常用的计算总价效果 ...
<div nclass=nr-comment> <div nclass=nr-comment-con> <div nclass=nr-comment-nav> <div nclass=comment-number> <span>493 条评论 </div> <div nclass=comment-sort> 切换为时间排序 </div> </div> <div class...
移除延时隐藏,可以实现从第一个div移入第二个div,仍然可以显示 <!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd> <...
下载后可以在webstrom中打开运行。 1. underscore中random产生随机数、without从数组中移除数据 2. 在游戏开发的时候,应该始终用面向对象的思想来做。...设置背景及图片,点击开始后div隐藏。