文件夹式折叠菜单代码,JS代码库,德仔网

代码语言
代码分类
【JS】文件夹式折叠菜单
作者:Dezai.CN / 发布于2013/6/14/ 688

	<!doctype html public "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

	<title>树形js+css二级折叠菜单</title>
	<style type="text/css" media="all">
	a,a:visited {color:#333;text-decoration:none;}
	a:hover {color:#f60;}
	body,td {font:13px "Geneva","宋体", "Arial", "Helvetica",sans-serif;}
	ul,li {margin:0;padding:0;list-style:none;}
	h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}
	h1 {padding:5px;color:#900;font:16px bold "Geneva","宋体", "Arial", "Helvetica",sans-serif;}
	h1 small {font-size:11px;font-weight:normal;color:#660;}
	.wwwzzjsnet {width:200px;}
	.menu_xker_1 .tit_xker_com a,
	.menu_xker_1 .tit_xker_com a:visited,
	.menu_xker_2 .tit_xker_com a,
	.menu_xker_2 .tit_xker_com a:visited {margin-left:10px;padding-left:40px;color:#003;font-size:12px;display:block;}
	.menu_xker_1 .tit_xker_com h3 a {background:url(/xkerfiles/allimg/1207/open_20110124xker_com.gif) no-repeat 0 40%;}
	.menu_xker_1 .tit_xker_com h3.Fst a {background:url(/xkerfiles/allimg/1207/open_fst_20110124xker_com.gif) no-repeat 0 40%;}
	.menu_xker_1 .tit_xker_com h3.Lst a {background:url(/xkerfiles/allimg/1207/open_lst_20110124xker_com.gif) no-repeat 0 40%;}
	.menu_xker_2 .tit_xker_com h3 a {background:url(/xkerfiles/allimg/1207/folder_20110124xker_com.gif) no-repeat 0 40%;}
	.menu_xker_2 .tit_xker_com h3.Fst a {background:url(/xkerfiles/allimg/1207/xkercom.gif) no-repeat 0 40%;}
	.menu_xker_2 .tit_xker_com h3.Lst a {line-height:250%;background: #FF0000;}
	.menu_xker_2 .txt_xker_com {display:none;}
	.menu_xker_1 .txt_xker_com ul li {padding-left:65px;line-height:150%;}
	.menu_xker_1 .txt_xker_com .num {color:#e00;}
	.menu_xker_1 .txt_xker_com ul {background:url(/xkerfiles/allimg/1207/line_y_20110124xker_com.gif) repeat-y 16px 0;}
	.menu_xker_1 .txt_xker_com ul li {background:url(/xkerfiles/allimg/1207/t_20110124xker_com.gif) no-repeat 28px 50%;}
	.menu_xker_1 .txt_xker_com ul li.Lst {background:url(/xkerfiles/allimg/1207/t_lst_20110124xker_com.gif) no-repeat 28px 50%;}
	</style>
	<script type="text/javascript">
	<!--
	function ExChgClsName(Obj,NameA,NameB){
	 var Obj=document.getElementById(Obj)?document.getElementById(Obj):Obj;
	 Obj.className=Obj.className==NameA?NameB:NameA;
	}
	function showmenu_zzjs(iNo){
	ExChgClsName("xker_"+iNo,"menu_xker_1","menu_xker_2");
	}
	-->
	</script>
	</head>
	<body>

	<div class="wwwzzjsnet">
	<div class="menu_xker_1" id="xker_0">
	<div class="tit_xker_com"><h3 class="Fst"><a href="javascript:showmenu_zzjs(0);">新客网特效一号</a></h3></div>
	<div class="txt_xker_com">
	<ul>
	 <li><a href="http://www.xker.com">新客网一号子菜单</a></li>
	 <li><a href="http://www.xker.com">新客网二号子菜单</a></li>
	 <li><a href="http://www.xker.com">新客网三号子菜单</a></li>
	 <li><a href="http://www.xker.com">新客网四号子菜单</a></li>
	 <li class="Lst"><a href="http://www.xker.com">新客网五号子菜单</a></li>
	</ul>
	</div>
	</div><!--menu_xker_1-->
	<div class="menu_xker_2" id="xker_1">
	<div class="tit_xker_com"><h3><a href="javascript:showmenu_zzjs(1);">新客网特效二号</a></h3></div>
	<div class="txt_xker_com">
	<ul>
	 <li><a href="http://www.xker.com">新客网一号子菜单</a></li>
	 <li><a href="http://www.xker.com">新客网二号子菜单</a></li>
	 <li><a href="http://www.xker.com">新客网三号子菜单</a></li>
	 <li><a href="http://www.xker.com">新客网四号子菜单</a></li>
	 <li class="Lst"><a href="http://www.xker.com">新客网五号子菜单</a></li>
	</ul>
	</div>
	</div><!--menu_xker_1-->
	<div class="menu_xker_2" id="xker_2">
	<div class="tit_xker_com"><h3><a href="javascript:showmenu_zzjs(2);">新客网特效三号</a></h3></div>
	<div class="txt_xker_com">
	<ul>
	 <li><a href="http://www.xker.com">新客网一号子菜单</a></li>
	 <li><a href="http://www.xker.com">新客网二号子菜单</a></li>
	 <li><a href="http://www.xker.com">新客网三号子菜单</a></li>
	 <li><a href="http://www.xker.com">新客网四号子菜单</a></li>
	 <li class="Lst"><a href="http://www.xker.com">新客网五号子菜单</a></li>
	</ul>
	</div>
	</div><!--menu_xker_1-->
	<div class="menu_xker_2" id="xker_3">
	<div class="tit_xker_com"><h3><a href="javascript:showmenu_zzjs(3);">新客网特效四号</a></h3></div>
	<div class="txt_xker_com">
	<ul>
	 <li><a href="http://www.xker.com">新客网一号子菜单</a></li>
	 <li><a href="http://www.xker.com">新客网二号子菜单</a></li>
	 <li><a href="http://www.xker.com">新客网三号子菜单</a></li>
	 <li><a href="http://www.xker.com">新客网四号子菜单</a></li>
	 <li class="Lst"><a href="http://www.xker.com">新客网五号子菜单</a></li>
	</ul>
	</div>
	</div><!--menu_xker_1-->
	<div class="menu_xker_2">
	
	</div><!--menu_xker_1-->
	</div>
	</body>
	</html>
评论列表
本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。
试试其它关键字
　折叠菜单　
同语言下
可能有用的
Dezai.CN贡献的其它代码(4037)