iframe后台，菜单
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>后台iframe开发</title>
<link rel="stylesheet" href="assets/admin.css">
<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="https://www.jq22.com/demo/iframe202211140024/assets/admin.js"></script>
</head>
<body>
<div class="content">
<!-- 上部分 -->
<div class="header_box">
<span>IFRAME插件</span>
</div>
<div class="content_box">
<!-- 菜单 -->
<div class="menu">
<ul>
<li>
<a href="javascript:;" class="parent_menu" data-id="1" data-url="">
<span>父菜单1</span>
<i class="down"></i>
</a>
<dd class="hide">
<dl>
<a href="javascript:;" data-id='1-1' data-url='./view/c1.html'>
<span>我的菜单1</span>
</a>
</dl>
<dl>
<a href="javascript:;" data-id='1-2' data-url='./view/c2.html'>
<span>我的菜单2</span>
</a>
</dl>
<dl>
<a href="javascript:;" data-id='1-3' data-url='./view/c3.html'>
<span>我的菜单3</span>
</a>
</dl>
</dd>
</li>
<li>
<a href="javascript:;" class="parent_menu" data-id="2" data-url="">
<span>父菜单2</span>
<i class="down"></i>
</a>
<dd class="hide">
<dl>
<a href="javascript:;" data-id='2-1' data-url='./view/c4.html'>
<span>我的菜单12</span>
</a>
</dl>
<dl>
<a href="javascript:;" data-id='2-2' data-url='./view/c5.html'>
<span>我的菜单22</span>
</a>
</dl>
<dl>
<a href="javascript:;" data-id='2-3' data-url='./view/c6.html'>
<span>我的菜单32</span>
</a>
</dl>
</dd>
</li>
</ul>
</div>
<!-- 右边内容 -->
<div class="r_content">
<div class="tabmenu" id="tabmenu">
<a href="javascript:;" class="selected" data-id="0" data-url="242534">
<i class="icon"></i>
<span>首页</span>
<!-- <i class="close"></i> -->
</a>
</div>
<div class="tabiframe" id="tabiframe">
<div class="iframe if-0"data-id="0" data-url="242534">
<iframe src="./view/c.html" frameborder="0"></iframe>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
页:
[1]