跳转首页
左侧大的方向上分三大块
左侧第一大块中 包含有 重复的功能 可以去掉
右侧部分控制左侧展开和收起的功能
<div class="row content-tabs">
<button class="roll-nav roll-left J_tabLeft">
<i class="fa fa-backward"></i>
</button>
<!--
page-tabs 去掉,每单击左侧菜单,导航栏会添加一个标签,添加后就自动往左移一下,样式也没有了
J_menuTabs 去掉,单击左侧菜单,导航栏不会显示任何的菜单标签
active J_menuTab 实际测试好像没有用
page-tabs-content 去掉之后,点击左侧菜单,导航栏不会添加任何新的标签
-->
<nav class="page-tabs J_menuTabs">
<div class="page-tabs-content">
<a href="javascript:;" class="active J_menuTab"
data-id="index_v1.html">首页</a>
</div>
</nav>
<button class="roll-nav roll-right J_tabRight">
<i class="fa fa-forward"></i>
</button>
<div class="btn-group roll-nav roll-right">
<button class="dropdown J_tabClose" data-toggle="dropdown">
关闭操作<span class="caret"></span>
</button>
<ul role="menu" class="dropdown-menu dropdown-menu-right">
<li class="J_tabShowActive"><a>定位当前选项卡</a></li>
<li class="divider"></li>
<li class="J_tabCloseAll"><a>关闭全部选项卡</a></li>
<li class="J_tabCloseOther"><a>关闭其他选项卡</a></li>
</ul>
</div>
<a href="/logout" class="roll-nav roll-right J_tabExit"><i
class="fa fa fa-sign-out"></i> 退出</a>
</div>
<div class="row J_mainContent" id="content-main">
<!--
name:iframe的名称
src: 规定是否在iframe中显示的文档URL
-->
<iframe class="J_iframe" name="iframe0" width="100%" height="100%"
src="" th:src="@{/main}" frameborder="0" data-id="index_v1.html"
seamless></iframe>
</div>
<div class="footer">
<div class="pull-right">BootDo面向学架1qwdqw</div>
</div>
</div>
<!--右侧部分结束-->
FR:徐海涛(hunk Xu)
QQ技术交流群:386476712