竖向两级树形菜单代码,JS代码库,德仔网

代码语言

代码分类

【JS】竖向两级树形菜单

作者:Dezai.CN / 发布于2013/6/14/ 554


	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
	<title>JS代码超少的两级树形菜单-懒人建站-http://www.51xuediannao.com</title>
	<meta name="keywords" content="网页特效,网页模板,导航菜单,焦点幻灯片,JS代码" />
	<meta name="description" content="懒人建站为您提供-HTML+CSS模板，JS广告代码，网页特效，导航菜单，焦点幻灯片代码，网页欣赏与网页模板和CSS技巧。" />
	<style>
	ul { padding:0; margin:0;}
	#main1,#main2 { width:100px; height:28px; line-height:28px; padding-left:5px; background:#ccc; cursor:pointer; border-bottom:1px solid #fff;}
	#child1,#child2 { width:105px; background:#eee;}
	#child1 ul li,#child2 ul li { padding-left:5px; border-bottom:1px solid #fff; line-height:180%;}
	#child1 ul li a,#child2 ul li a { color:#666;}
	</style>
	</head>
	<body>
	<div id="main1" onClick="document.all.child1.style.display=(document.all.child1.style.display =='none')?'':'none'" > + JS代码</div>
	<div id="child1" style="display:none">
	<ul>
	<li><a href="http://51xuediannao.com/JS/AD">- JS广告代码</a></li>
	<li><a href="http://51xuediannao.com/JS/texiao/">- 网页特效</a></li>
	<li><a href="http://51xuediannao.com/JS/Slide/">- 焦点图</a></li>
	<li><a href="http://51xuediannao.com/JS/nav/">- 导航菜单</a></li>
	</ul>
	</div>
	<div id="main2" onClick="document.all.child2.style.display=(document.all.child2.style.display =='none')?'':'none'" > + 建站技巧 </div>
	<div id="child2" style="display:none">
	<ul>
	<li><a href="http://51xuediannao.com/jiqiao/html/">- HTML技巧</a></li>
	<li><a href="http://51xuediannao.com/jiqiao/css/">- CSS技巧</a></li>
	<li><a href="http://51xuediannao.com/jiqiao/cms/">- CMS建站技巧</a></li>
	<li><a href="http://51xuediannao.com/jiqiao/其他/">- 其他建站技巧</a> </li>
	</ul>
	</div>

	


	</body>
	</html>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　两级树形菜单　

同语言下

可能有用的

Dezai.CN贡献的其它代码(4037)