javascript实现div的显示和隐藏的小例子
2018-10-12 13:52
387 查看
<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>
您可能感兴趣的文章:
相关文章推荐
- javascript实现div的显示和隐藏的小例子
- javascript实现div的显示和隐藏
- javascript实现显示和隐藏div方法汇总
- javascript实现显示和隐藏div方法汇总
- javascript实现div的显示和隐藏
- javascript实现显示和隐藏div方法汇总
- javascript实现div的显示和隐藏
- JavaScript实现DIV层的隐藏与显示
- jQuery基于闭包实现的显示与隐藏div功能示例
- 通过JavaScript控制div隐藏,显示
- JavaScript实现定时隐藏与显示图片的方法
- JavaScript实现下拉菜单的显示和隐藏
- JQ 使用toggle实现DIV的隐藏和显示
- JavaScript显示和隐藏某个div
- Javascript添加可显示/隐藏div--测试成功
- javascript 控制 html元素 显示/隐藏实现代码
- 利用JavaScript通过单选框radio控制div的显示和隐藏
- 简单运用Javascript,使<input/>控制display属性div的显示隐藏
- javaScript实现定时显示隐藏、BOM对象方法介绍、表单简单校验、表格换色、DOM、二级联动
- js如何实现点击一个按钮显示一个div,然后该div上有一个按钮,点击此按钮后隐藏,隐藏的同时显示另外一个div,而在次弹出的div也有一个按钮,点击后隐藏.