摘要：<!doctype html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="shortcut icon" type="images/x-icon" href="style/img/favicon.ico">
<link rel="stylesheet" href="../lib/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="style/style.css">
<link rel="stylesheet" href="style/index.css">
<link rel="stylesheet" type="text/css" href="../lib/font-awesome/css/font-awesome.css"/>
<script src="../lib/jquery-3.2.1.min.js"></script>
<script src="../lib/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="style/index.js"></script>
<title>網站后臺</title>
</head>
<body>
<div style="padding-left: 0;">
<!--top-->
<div class="row top">
<div class="col-md-1 webname"><a href="welcome.html" target="frame">大樂處</a></div>
<div></div>
<div class="col-md-2 tr" id="adminuser"><a>歡迎{admin}登陸 </a> <a href="javascript:;">退出</a></div>
</div>
</div>
<div class="container-fluid mt45" style="padding-left: 0;">
<div class="col-md-1 content_left">
<div id="icon">
<a href="a.php" title="網站主頁" target="frame"><i class="fa fa-home"></i></a>
<a href="a.php" title="清楚緩存" target="frame"><i class="fa fa-trash-o"></i></a>
<a href="a.php" title="回收站" target="frame"><i class="fa fa-bath"></i></a>
<a href="admin_menu.html" title="后臺菜單管理" target="frame"><i class="fa fa-list"></i></a>
</div>
<ul>
<li><a><i class="fa fa-cogs normal"></i> 網站設置<span class="fa fa-angle-right"></span></a>
<div>
<p><a> <i class="fa fa-caret-right"></i> 網站信息</a></p>
<p><a> <i class="fa fa-caret-right"></i> 網站信息</a></p>
<p><a> <i class="fa fa-caret-right"></i> 網站信息</a></p>
</div>
</li>
<li><a><i class="fa fa-group normal"></i> 用戶管理<span class="fa fa-angle-right"></span></a>
<div>
<p><a> <i class="fa fa-caret-right"></i> 網站信息</a></p>
<p><a> <i class="fa fa-caret-right"></i> 網站信息</a></p>
<p><a> <i class="fa fa-caret-right"></i> 網站信息</a></p>
</div>
</li>
<li><a><i class="fa fa-th normal"></i> 文章管理<span class="fa fa-angle-right"></span></a></li>
<li><a><i class="fa fa-navicon"></i> 欄目管理<span class="fa fa-angle-right"></span></a></li>
<li><a><i class="fa fa-sitemap"></i> 分類管理<span class="fa fa-angle-right"></span></a></li>
<li><a><i class="fa fa-comments-o"></i> 評論管理<span class="fa fa-angle-right"></span></a></li>
</ul>
</div>
<div class="col-md-11 content_right"><!--左側-->
<iframe src="welcome.html" frameborder="0" name="frame" width="100%" id="frame">主題內容框架</iframe>
</div>
</div>
<script type="text/javascript">
$('.nav>li').on('click',function(){
if($(this).find('div').hasClass('show')){
$(this).find('div').removeClass('show');
}else{
$(this).find('div').addClass('show');
$(this).siblings().find('div').removeClass('show')
}
})
$('.nav_son>p>a').on('click',function(){
$(this).parent().parent().addClass('show')
})
</script>
</body>
</html>
我要點擊這個任意一個 菜單 網站信息 菜單需要停留在當前的菜單下！
添加了這個js也不行
$('.nav_son>p>a').on('click',function(){
$(this).parent().parent().addClass('show')
})
參考地址 http://a.io2o.club/admin/
批改老師：查無此人批改時間：2019-05-09 14:01:49
老師總結：完成的不錯，js和jq，每行語句結束要增加;號。繼續(xù)加油