猿问

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>


慕粉3475506
浏览 1662回答 1
1回答
随时随地看视频慕课网APP

相关分类

Java
我要回答