标签：easyui
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="renderer" content="webkit"></meta>
<title>管理员操作平台</title>
<link href="/js/themes/default/easyui.css" rel="stylesheet" type="text/css">
<link href="/js/themes/icon.css" rel="stylesheet" type="text/css">
<script src="/js/jquery.min.js" type="text/javascript"></script>
<script src="/js/jquery.easyui.min.js" type="text/javascript"></script>
<script src="/js/easyui-lang-zh_CN.js" type="text/javascript"></script>
</head>
<body style="margin:0px;">
<div class="easyui-layout" data-options="fit:true">
<div data-options="region:'north'" style="height:60px;">
<div class="top">
<div class="top_left"><img src="/images/logo.jpg"/></div>
<div class="top_right">
<p>欢迎您：admin <a href="http://localhost/user/logout.htm">退出</a></p>
</div>
</div>
</div>
<div data-options="region:'west',split:'true',title:'导航'" style="width:220px">
<div class="easyui-accordion" data-options="fit:true,border:false">
<div title="系统管理">
<a href="javascript:run('/user/view.htm', '用户管理')" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-blank'" style="width:100%;text-align:left;">用户管理</a>
</div>
</div>
</div>
<div data-options="region:'center'" style="width:100%;height:100px;">
<div id="tabs" class="easyui-tabs" data-options="fit:true,border:false">
<!--
<div title="首页"></div>
-->
</div>
</div>
<div class="easyui-panel" title="管理平台欢迎您" data-options="region:'south',collapsible:false"></div>
</div>
<script type="text/javascript">
function run(url, title) {
if (url.substring(0, 4) != 'http') {
url = 'http://localhost/' + url;
}
if ($("#tb").tabs("getTab", title)) {
$("#tb").tabs("select", title);
} else {
if (url.substring(0, 4) != 'http') {
//第一种打开页面方式
$('#tb').tabs('add', {
title: title,
href: url,
closable: true
});
}else{
//第二种打开页面方式
$("#tb").tabs('add',{
title:title,
content:"<iframe id='" + title + "' frameborder=0 style='width:100%;height:100%'></iframe>",
closable:true
});
$("#" + title)[0].src = url;
}
}
}
</script>
</body>
</html>
版权声明：本文为博主原创文章，未经博主允许不得转载。
标签：easyui
原文地址：http://blog.csdn.net/qq525099302/article/details/46775005
