下拉菜单
2016-04-08 22:14
267 查看
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
p,ul,li{padding:0; margin: 0;list-style: none;}
</style>
<script type="text/javascript">
window.onload=function(){
var p=document.getElementById('btn');
var ul=document.getElementById('ul1');
p.onclick=function(){
if (ul.style.display=='block') {
ul.style.display='none';
}
else{
ul.style.display='block';
}
};
};
</script>
<title></title>
</head>
<body>
<div id="box">
<p id="btn">输入法</p>
<ul id="ul1" style="display:block;">
<li><a href="#">手写</a></li>
<li><a href="#">拼音</a></li>
<li><a href="#">关闭</a></li>
<li><a href="#">哦哦</a></li>
</ul>
</div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 关于Html下拉输入菜单的几个插件
- Html网页的代码
- 由html,body{height:100%}引发的对html和body的思考
- 使用Itext-Flying Saucer将Html转PDF的font-family问题
- 转义特殊符号在Html中的表示方法( 含义)
- Ecshop模板中html_options用法详解
- HTML DOM
- HTML页面头部信息
- HTML 表单
- html 标签
- Html的第一次小结
- 功能强大的HTML
- 关于response.setContentType("text/html; charset=UTF-8");乱码问题
- 带有可点击区域的图像映射：HTML <map> 标签
- html中的单元格属性
- HTMl验证
- 点击table中的一行获取这一行中的其他数据
- XML和HTML常用转义字符
- VC7 HTML Dialog开发实例讲解
- Html特殊字符大全