div 点击显示隐藏
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>后台管理</title>
<meta name="author" content="DeathGhost" />
<link rel="stylesheet" type="text/css" href="/book/resources/css/style.css" />
<!--[if lt IE 9]>
<script src="js/html5.js"></script>
<![endif]-->
<script src="/book/resources/js/jquery.js"></script>
<script src="/book/resources/js/jquery.mCustomScrollbar.concat.min.js"></script>
<script>
(function($){
$(window).load(function(){
$("a[rel='load-content']").click(function(e){
e.preventDefault();
var url=$(this).attr("href");
$.get(url,function(data){
$(".content .mCSB_container").append(data); //load new content inside .mCSB_container
//scroll-to appended content
$(".content").mCustomScrollbar("scrollTo","h2:last");
});
});
$(".content").delegate("a[href='top']","click",function(e){
e.preventDefault();
$(".content").mCustomScrollbar("scrollTo",$(this).attr("href"));
});
});
})(jQuery);
</script>
<style type="text/css">
.lk {
display: none;
}
</style>
</head>
<body>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<header>
<h1><img src="/book/resources/images/admin_logo.png"/></h1>
<ul class="rt_nav">
<li><a href="http://www.baidu.com" target="_blank" class="website_icon">站点首页</a></li>
<li><a href="#" class="admin_icon">DeathGhost</a></li>
<li><a href="#" class="set_icon">账号设置</a></li>
<li><a href="login.php" class="quit_icon">安全退出</a></li>
</ul>
</header>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<aside class="lt_aside_nav content mCustomScrollbar">
<h2><a href="index.php">起始页</a></h2>
<ul>
<li>
<dl>
<dt>商品信息</dt>
<!--当前链接则添加class:active-->
<dd><a href="#" class="active">商品列表</a></dd>
<dd><a href="#">商品分类</a></dd>
<dd><a href="#">商品属性</a></dd>
<dd><a href="#">品牌管理</a></dd>
</dl>
</li>
<li>
<dl>
<dt class="l" id="2" onmousedown="show(this)" c="d">订单信息</dt>
<div class="lk" id="1">
<dd><a href="#">订单列表</a></dd>
<dd><a href="#">添加订单</a></dd>
<dd><a href="#">缺货登记</a></dd>
</div>
</dl>
</li>
<li>
<dl>
<dt>会员管理</dt>
<dd><a href="#">会员列表</a></dd>
<dd><a href="#">添加会员</a></dd>
<dd><a href="#">会员等级</a></dd>
<dd><a href="#">资金管理</a></dd>
</dl>
</li>
<li>
<dl>
<dt>基础设置</dt>
<dd><a href="#">站点基础设置</a></dd>
<dd><a href="#">SEO设置</a></dd>
<dd><a href="#">SQL语句查询</a></dd>
<dd><a href="#">模板管理</a></dd>
</dl>
</li>
<li>
<dl>
<dt>营销管理</dt>
<dd><a href="#">订阅列表</a></dd>
<dd><a href="#">邮件群发</a></dd>
<dd><a href="#">优惠打折</a></dd>
</dl>
</li>
<li>
<dl>
<dt>配送与支付设置</dt>
<dd><a href="#">配送方式</a></dd>
<dd><a href="#">支付方式</a></dd>
</dl>
</li>
<li>
<dl>
<dt>在线统计</dt>
<dd><a href="#">流量统计</a></dd>
<dd><a href="#">销售额统计</a></dd>
</dl>
</li>
<li>
<p class="btm_infor">© 望唐集团 版权所有</p>
</li>
</ul>
</aside>
<script>
function show(node) {
alert(node.getAttribute("c"));
if(node.getAttribute("c")=="d"){
document.getElementById("1").style().display == "block";
node.getAttribute("c")=="v"
}else {
document.getElementById("1").style().display =="none";
node.getAttribute("c")=="d"
}
}
</script>
<div class="rt_wrap content mCustomScrollbar">
<h1>sdsd</h1>
</div>
</body>
</html>
慕粉34755061回答
随时随地看视频慕课网APP
相关分类
Java