下拉菜单

最新推荐文章于 2024-03-27 14:34:45 发布

我真的不是C罗

最新推荐文章于 2024-03-27 14:34:45 发布

阅读量436

点赞数

分类专栏：自学文章标签： html下拉菜单

本文链接：https://blog.csdn.net/qq_25077777/article/details/51100307

版权

自学专栏收录该内容

25 篇文章 0 订阅

订阅专栏

<!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.οnlοad=function(){
       var p=document.getElementById('btn');
       var ul=document.getElementById('ul1');
       p.οnclick=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>