`
vipqweer
  • 浏览: 52234 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

menu代码2xu

 
阅读更多 
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>menu</title>
<link href="style.css" rel="stylesheet" type="text/css" />

<script language="javascript" type="text/javascript">
        function Show(idx) {
        	var subName = 'sub' + idx;
            document.getElementById(subName).style.display = 'Block';
        }
        function Hide() {
            document.getElementById('sub1').style.display = 'None';
            document.getElementById('sub2').style.display = 'None';
        }
    </script>
</head>

<body>

	<input id="mnubtn1" type="button" value="Menu1" style="width:102px;background-color: #999999; color: #FFFFFF;" onclick="Hide();Show(1)"/><!--
--><input id="mnubtn2" type="button" value="Menu2" style="width:102px;background-color: #999999; color: #FFFFFF;" onclick="Hide();Show(2)"/><!--
--><input id="mnubtn3" type="button" value="Menu3" style="width:102px;background-color: #999999; color: #FFFFFF;"/><!--
--><input id="mnubtn4" type="button" value="Menu4" style="width:102px;background-color: #999999; color: #FFFFFF;"/><!--
--><input id="mnubtn5" type="button" value="Menu5" style="width:102px;background-color: #999999; color: #FFFFFF;"/>
	<input id="mnubtn6" type="button" value="Menu6" style="width:102px;background-color: #999999; color: #FFFFFF;"/>
	<input id="mnubtn7" type="button" value="Menu7" style="width:102px;background-color: #999999; color: #FFFFFF;"/>
	<input id="mnubtn8" type="button" value="Menu8" style="width:102px;background-color: #999999; color: #FFFFFF;"/>
   	<input id="mnubtn9" type="button" value="Menu9" style="width:102px;background-color: #999999; color: #FFFFFF;"/>
   	<br>
   	<div id="sub1" style="display:none">
		<ul id="nav">
		   	<li><a href="#" title="submenu1">submenu1</a>
		   		<ul class="sub">
		   			<li><a href="#" title="submenu1 > 1-1sub1">1-1sub1</a></li>
		   		</ul>
		   	</li>
		   	<li><a href="#" title="submenu2">submenu2</a>
		      <ul class="sub">
		         <li><a href="#" title="submenu2 > 1-2sub1">1-2sub1</a></li>
		         <li><a href="#" title="submenu2 > 1-2sub2">1-2sub2</a></li>
		      </ul>
		   	</li>
		   	<li><a href="#" title="submenu3">submenu3</a>
		      <ul class="sub" >
		         <li><a href="#" title="submenu3 > 1-3sub1">1-3sub1</a></li>
		         <li><a href="#" title="submenu3 > 1-3sub2">1-3sub2</a></li>
		         <li><a href="#" title="submenu3 > 1-3sub3">1-3sub3</a></li>
		      </ul>
			</li>
			<li><a href="#" title="submenu4">submenu4</a></li>
			<li><a href="#" title="submenu5">submenu5</a></li>
			<li><a href="#" title="submenu6">submenu6</a></li>
			<li><a href="#" title="submenu7">submenu7</a></li>
			<li><a href="#" title="submenu8">submenu8</a></li>
			<li><a href="#" title="submenu9">submenu9</a></li>
		</ul>
	</div>
	
	<div id="sub2" style="display:none">
		<ul id="nav">
		   	<li><a href="#" title="submenu2">submenu2</a>
		   		<ul class="sub">
		   			<li><a href="#" title="submenu2 > 2-1sub1">2-1sub1</a></li>
		   		</ul>
		   	</li>
		   	<li><a href="#" title="submenu2">submenu2</a>
		      <ul class="sub">
		         <li><a href="#" title="submenu2 > 2-2sub1">2-2sub1</a></li>
		         <li><a href="#" title="submenu2 > 2-2sub2">2-2sub2</a></li>
		      </ul>
		   	</li>
		   	<li><a href="#" title="submenu3">submenu3</a>
		      <ul class="sub" >
		         <li><a href="#" title="submenu3 > 2-3sub1">2-3sub1</a></li>
		         <li><a href="#" title="submenu3 > 2-3sub2">2-3sub2</a></li>
		         <li><a href="#" title="submenu3 > 2-3sub3">2-3sub3</a></li>
		      </ul>
			</li>
			<li><a href="#" title="submenu4">submenu4</a>
			  <ul class="sub" >
		         <li><a href="#" title="submenu4 > 2-4sub1">2-4sub1</a></li>
		         <li><a href="#" title="submenu4 > 2-4sub2">2-4sub2</a></li>
		         <li><a href="#" title="submenu4 > 2-4sub3">2-4sub3</a></li>
		         <li><a href="#" title="submenu4 > 2-4sub4">2-4sub4</a></li>
		      </ul>
			</li>
			<li><a href="#" title="submenu5">submenu5</a></li>
			<li><a href="#" title="submenu6">submenu6</a></li>
			<li><a href="#" title="submenu7">submenu7</a></li>
			<li><a href="#" title="submenu8">submenu8</a></li>
			<li><a href="#" title="submenu9">submenu9</a></li>
		</ul>
	</div>
</body>
</html>

 

分享到：
menu代码2
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics