js学习二:按钮显示或隐藏下拉菜单简单案例
2015-08-05 11:20
579 查看
Html代码:
JS代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>按钮显示或隐藏下拉菜单简单案例</title> <style type="text/css"> #div1{ width: 80px; height: 200px; background: red; display: none; } </style> </head> <body id="body"> <input id="button1" type="button" value="button"/> <div id="div1"> </div> <script type="text/javascript" src="index.js" ></script> </body> </html>
JS代码
window.onload=show; function show(){ var bt=document.getElementById("button1"); bt.onclick=function(){ var oDiv=document.getElementById("div1"); if(oDiv.style.display=="block"){ oDiv.style.display="none"; }else{ oDiv.style.display="block"; } } }
相关文章推荐
- 防止点击浏览器后退按钮 后退页面的js
- js 获取下一秒 时间
- eclipse中写java,html,css,javascript代码提示
- 回调函数中JSON对象的解析方式
- FastJson---高性能JSON开发包
- jshint配置(js检查)
- javascript插件uploadify简单实现文件上传
- JS如何判断IE和火狐与Chrome浏览器
- 广告轮播效果的javascript实现
- 怎么样才是设计功能函数的好思路(javascript)?
- Json知识总结
- 时间相关的js方法
- python3.4学习笔记(二十六) Python 输出json到文件,让json.dumps输出中文 实例代码
- JavaScript节点及列表操作实例小结
- JavaScript自增、自减运算符与表达式语法
- JavaScript Dom编程艺术 1 - 5章个人总结(共12章)
- heatmap.js 一个用canvas画热力图的利器
- js学习笔记之事件处理模型
- jsp实现文件上传
- js中JSON对象和字符串对象相互转化