js控制div展开和收回
2015-10-28 23:36
676 查看
//JS控制div展开与收回
</pre><p></p><pre name="code" class="html"><div id="nb" onClick="show('sb','nb')" style=" width:33px;cursor:pointer">展开</div> <div id="sb" style=" background-color:#F99;width:50px;height:40px; display:none"></div> <script> function show(num,a) { var box = document.getElementById(num); var message = document.getElementById(a); if(box.style.display != "block") { box.style.display = "block"; message.innerHTML = '收起'; } else { box.style.display = "none"; message.innerHTML = '展开'; } } </script>
以上代码都是小生自己zhengli的有啥不对的地方请多多指教!
相关文章推荐
- js引用类型之Array类型
- Javascript实现的网签方法
- js小案例效果学习记录
- alibaba fastjson joda time 解析器
- ExtJs关于Ext.extend()的说明
- ajaxFileUpload.js 无刷新上传图片,支持多个参数同时上传,支持 ie6-ie10
- JS中 !=、== 、!==、===的用法和区别
- 12、json、GridView、缓存
- this在js中的绑定
- JSP中EL表达式取值问题记录(已解决)
- javascript基础之prompt
- 关于js 函数传递引用参数理解
- javascript
- js小案例效果学习记录
- js一些常用的效果
- javascript函数详解
- JSP的学习(6)——九大隐式对象及其out对象
- JS 代码调试经验总结(菜鸟必读)
- JS的bug调试与 常见bug
- 判断js中的数据类型