当前位置：编程学习 > JS >>

js显示/隐藏div代码收藏

代码如下	复制代码
<script type="text/javascript"> function divcontrol(divid){ if(document.getElementById(divid).style.display=="none"){ document.getElementById(divid).style.display=""; } else{ document.getElementById(divid).style.display="none"; } } </script>

下面是调用代码：

代码如下	复制代码
<a onclick="divcontrol('divid')" style="cursor:pointer">链接名称</a>

再看一个不错的实例，写法比较高级

代码如下

复制代码

<script type="text/javascript">

</script>
<style type="text/css">

</style>
</head>

<body>
<input type="button" id="butn" value="显示/隐藏" onclick="toggle('div1')" />
<center>
<div id="div1"></div></center>
居中的div
</body>
</html>

补充：网页制作,js教程

上一个：javascript中获取地址url参数
下一个：js中表单提交后按钮变灰色的功能

更多图片编程知识:

更多JS疑问解答：: 几个验证11位手机号码格式的js代码; js如何获得FCKeditor控件的值; 用js限制投票的cookie .目前设置的为：<input type="" class="" onclick="'window.location...; JS验证，这块“牛皮”反复修改都不能实现; 在JS中使用DOM模型; 如何用JS 获取本地文件夹的文件列表; js中new 了两个Object数组。怎么样将数组内容合并，重复的内容？; 求实现自动生成图片缩略图的JS代码; JS脚本网页问题; js，代码中"object"和"Object"区别？; js+flash实现网页图片切换效果，出现边框，单击激活此控件。; JS怎样操作PHP中的参数; js 怎么在一打开页面就加载这个函数。; Date.parse()的问题(js); <script src="/{maxcms:sitepath}js/common.js"></script>是什么意思

站长资源库

如果你遇到编程学习难题：
请访问www.zzzyk.com 试试

CopyRight © 2012 站长网编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络，