javascript实现div的显示和隐藏
2016-01-18 12:29
701 查看
http://www.cnblogs.com/oec2003/archive/2007/05/05/736492.html
<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>
<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>
相关文章推荐
- json2form已改名为AForm
- json2.js的初步学习与了解
- JVM分析工具链(一) - jps和jstack
- doT js模板入门
- JsRender实用教程(tag else使用、循环嵌套访问父级数据)
- js在jsp页面或当独的js文件中获取项目路径
- 作业:马赛克式图片轮转
- JavaScript Table行定位效果
- Javascript 中的false、0、null、undefined和空字符串对象
- javascript图片切换
- 纯js 图片异步加载原理及实现
- js中元素大小操作
- js 字符串 replace replaceAll
- js 字符串 replace replaceAll
- javascript 类,只读属性,闭包
- 2-set 1823: [JSOI2010]满汉全席
- [Javascript] 前端随笔
- json encoder
- 谷歌浏览器插件-jsonView插件安装与使用
- js 优化