<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>三级导航</title>
<link rel="stylesheet" type="text/css" href="css/left-side-menu.css">
<link rel="stylesheet" type="text/css" href="font/iconfont.css">
<script src="js/jquery.min.js"></script>
<script src="js/jquery.slimscroll.min.js"></script>
<script type="text/javascript" src="js/left-side-menu.js"></script>
</head>
<body>
<div class ="top" style="width: 100%;height: 80px;background-color: #397bc5"></div>
<div class="left-side-menu" >
<div class="lsm-expand-btn">
<div class="lsm-mini-btn">
<label>
<input type="checkbox" checked="checked">
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<circle cx="50" cy="50" r="30" />
<path class="line--1" d="M0 40h62c18 0 18-20-17 5L31 55" />
<path class="line--2" d="M0 50h80" />
<path class="line--3" d="M0 60h62c18 0 18 20-17-5L31 45" />
</svg>
</label>
</div>
<!-- <input type="text"/>-->
</div>
<div class="lsm-container">
<div class="lsm-scroll" >
<div class="lsm-sidebar">
<ul>
<li class="lsm-sidebar-item">
<a href="javascript:;"><i class="my-icon lsm-sidebar-icon icon_1"></i><span>系统设置</span><i class="my-icon lsm-sidebar-more"></i></a>
<ul>
<li><a href="javascript:;"><span>地爆天星</span></a></li>
<li><a class="active" href="javascript:;"><span>无线月读</span></a></li>
<li><a href="javascript:;"><span>一乐拉面</span></a></li>
<li class="lsm-sidebar-item">
<a href="javascript:;"><i class="my-icon lsm-sidebar-icon "></i><span>二级菜单11</span><i class="my-icon lsm-sidebar-more"></i></a>
<ul>
<li><a href="javascript:;"><span>地爆天星</span></a></li>
<li><a href="javascript:;"><span>无线月读</span></a></li>
<li><a href="javascript:;"><span>一乐拉面</span></a></li>
<li><a href="javascript:;"><span>血继限界</span></a></li>
<li><a href="javascript:;"><span>秽土转生</span></a></li>
<li><a href="javascript:;"><span>万象天引</span></a></li>
<li><a href="javascript:;"><span>尸鬼封尽</span></a></li>
<li><a href="javascript:;"><span>飞雷神之术</span></a></li>
<li><a href="javascript:;"><span>多重影分身术</span></a></li>
<li><a href="javascript:;"><span>飞雷神之术</span></a></li>
<li><a href="javascript:;"><span>须佐之男</span></a></li>
<li><a href="javascript:;"><span>外道魔像</span></a></li>
<li><a href="javascript:;"><span>双蛇相杀</span></a></li>
</ul>
</li>
<li class="lsm-sidebar-item">
<a href="javascript:;"><i class="my-icon lsm-sidebar-icon "></i><span>二级菜单22</span><i class="my-icon lsm-sidebar-more"></i></a>
<ul >
<li><a href="javascript:;"><span>血继限界</span></a></li>
<li><a href="javascript:;"><span>秽土转生</span></a></li>
<li><a href="javascript:;"><span>万象天引</span></a></li>
<li><a href="javascript:;"><span>尸鬼封尽</span></a></li>
<li><a href="javascript:;"><span>飞雷神之术</span></a></li>
</ul>
</li>
</ul>
</li>
<li class="lsm-sidebar-item">
<a href="javascript:;"><i class="my-icon lsm-sidebar-icon icon_2"></i><span>网络设置</span><i class="my-icon lsm-sidebar-more"></i></a>
<ul>
<li><a href="javascript:;"><span>地爆天星1</span></a></li>
<li><a href="javascript:;"><span>神罗天征1</span></a></li>
<li><a href="javascript:;"><span>八门遁甲1</span></a></li>
</ul>
</li>
<li class="lsm-sidebar-item">
<a href="javascript:;"><i class="my-icon lsm-sidebar-icon icon_3"></i><span>退出系统</span><i class="my-icon lsm-sidebar-more"></i></a>
<ul>
<li><a href="javascript:;"><span>火之国2</span></a></li>
<li><a href="javascript:;"><span>沙之国3</span></a></li>
<li><a href="javascript:;"><span>火影忍者3</span></a></li>
</ul>
</li>
<li class="lsm-sidebar-item">
<a href="javascript:;"><i class="my-icon lsm-sidebar-icon icon-iconset0308"></i><span>购物车管理</span><i class="my-icon lsm-sidebar-more"></i></a>
<ul>
<li><a href="javascript:;"><span>火之国4</span></a></li>
<li><a href="javascript:;"><span>沙之国4</span></a></li>
<li><a href="javascript:;"><span>火影忍者4</span></a></li>
</ul>
</li>
<li class="lsm-sidebar-item">
<a href="javascript:;"><i class="my-icon lsm-sidebar-icon icon-chongzhi1"></i><span>支付中心</span><i class="my-icon lsm-sidebar-more"></i></a>
<ul>
<li><a href="javascript:;"><span>火之国5</span></a></li>
<li><a href="javascript:;"><span>沙之国5</span></a></li>
<li><a href="javascript:;"><span>火影忍者5</span></a></li>
</ul>
</li>
<li class="lsm-sidebar-item">
<a href="javascript:;"><i class="my-icon lsm-sidebar-icon icon-chongzhi"></i><span>充值中心</span><i class="my-icon lsm-sidebar-more"></i></a>
<ul>
<li><a href="javascript:;"><span>火之国6</span></a></li>
<li><a href="javascript:;"><span>沙之国6</span></a></li>
<li><a href="javascript:;"><span>火影忍者6</span></a></li>
</ul>
</li>
<li class="lsm-sidebar-item">
<a href="javascript:;"><i class="my-icon lsm-sidebar-icon icon-chongzhi-copy"></i><span>充值中心</span><i class="my-icon lsm-sidebar-more"></i></a>
<ul>
<li><a href="javascript:;"><span>火之国7</span></a></li>
<li><a href="javascript:;"><span>沙之国7</span></a></li>
<li><a href="javascript:;"><span>火影忍者7</span></a></li>
</ul>
</li>
<li class="lsm-sidebar-item">
<a href="javascript:;"><i class="my-icon lsm-sidebar-icon icon-users
jQuery网站后台左侧导航栏特效.zip （12个子文件） 
index.html 26KB
images 
mini.png 141B js 
left-side-menu.js 4KB jquery.min.js 94KB jquery.slimscroll.min.js 5KB font 
iconfont.svg 70KB iconfont.woff 9KB iconfont.js 72KB iconfont.eot 13KB iconfont.ttf 13KB iconfont.css 14KB css left-side-menu.css 5KB
评论0
最新资源