一款后台常用js折叠菜单,可记录点击的状态,点击后不收缩
一款后台常用js折叠菜单,可记录点击的状态,点击后不收缩
<!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" xml:lang="UTF-8">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>一款后台常用js折叠菜单,可记录点击的状态,点击后不收缩</title>
<style type="text/css">
body {margin:0;text-align:center;color:#000;font:normal 12px Arial,Verdana,Tahoma;text-align:center;background:#C8D0D5;line-height:150%;}
a:link,a:visited {color:#385065;text-decoration:none}
a:hover {text-decoration:underline}
#menu {width:150px;margin:0px 15px;padding:0px;text-align:left;list-style:none}
#menu .item {margin:5px 0px;padding:0px;list-style:none}
a.title:link, a.title:visited, a.title:hover {display:block;background:url(images/bg.gif) no-repeat;color:#385065;font-weight:bold;padding:2px 0 0 22px;width:128px;line-height:23px;cursor:pointer;text-decoration:none}
#menu .item ul {border:1px solid #9FACB7;margin:0;width:118px;padding:3px 0px 3px 30px;background:#fff;list-style:none;display:none}
#menu .item ul li {display:block;}
</style>
<script src="js/menucookie.js" type="text/javascript"></script>
</head>
<body>
<ul id="menu">
<li><a href="javascript:void(0)" name="1">retao5.com</a>
<ul id="opt_1">
<li><a href="http://www.retao5.com">网页特效</a></li>
<li><a href="http://www.retao5.com">源码下载</a></li>
<li><a href="http://www.retao5.com">交换.链接</a></li>
<li><a href="http://www.retao5.com">收录查询</a></li>
<li><a href="http://www.retao5.com">购物导航</a></li>
<li><a href="http://www.retao5.com">生活常识</a></li>
</ul>
</li>
<li><a href="javascript:void(0)" name="2">网页特效</a>
<ul id="opt_2">
<li><a href="http://www.retao5.com" title="">菜单导航特效</a></li>
<li><a href="http://www.retao5.com" title="">图层样式特效</a></li>
<li><a href="http://www.retao5.com" title="">链接文本特效</a></li>
<li><a href="http://www.retao5.com" title="">图形图像特效</a></li>
<li><a href="http://www.retao5.com" title="">鼠标特效代码</a></li>
<li><a href="http://www.retao5.com" title="">页面窗口特效</a></li>
<li><a href="http://www.retao5.com" title="">网页背景特效</a></li>
<li><a href="http://www.retao5.com" title="">日期时间特效</a></li>
<li><a href="http://www.retao5.com" title="">页面搜索特效</a></li>
<li><a href="http://www.retao5.com" title="">表格表单特效</a></li>
<li><a href="http://www.retao5.com" title="">其他网页特效</a></li>
</ul>
</li>
<li><a href="javascript:void(0)" name="3">源码下载</a>
<ul id="opt_3">
<li><a href="http://www.retao5.com" title="">淘客源码下载</a></li>
<li><a href="http://www.retao5.com" title="">CMS系统源码</a></li>
<li><a href="http://www.retao5.com" title="">seo工具软件</a></li>
</ul>
</li>
</ul>
</body>
</html>
