|
@{
|
Layout = null;
|
}
|
|
<!DOCTYPE html>
|
|
<html>
|
<head>
|
<title>Right</title>
|
<meta name="viewport" content="width=device-width" />
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<link href="~/Lib/CleverTabs/context/themes/base/jquery-ui.css" rel="stylesheet" />
|
<script src="~/Scripts/jquery-1.8.3.min.js"></script>
|
<script src="~/Lib/CleverTabs/scripts/jquery-ui.js"></script>
|
<script src="~/Lib/CleverTabs/scripts/jquery.cleverTabs.js"></script>
|
<script src="~/Lib/CleverTabs/scripts/jquery.contextMenu.js"></script>
|
|
<style type="text/css">
|
html, body {
|
margin: 0px;
|
font-family: Arial, Sans-Serif; /*font-size: 62.5%;*/
|
font-size: 12px;
|
height: 100%;
|
padding: 2px 4px 4px 0px;
|
overflow: hidden;
|
}
|
</style>
|
|
<style type="text/css">
|
.sidebar {
|
width: 5px;
|
height: 500px;
|
}
|
|
.sidebar .btn {
|
width: 5px;
|
height: 39px;
|
background: url(/images/sidebar-on.gif);
|
margin-top: 200px;
|
}
|
|
.sidebar .btn:hover {
|
background-position: 0 -39px;
|
}
|
|
.fleft {
|
float: left;
|
}
|
</style>
|
|
<script type="text/javascript">
|
var tabs;
|
$(function () {
|
var h = $(document).height() - 25;
|
$("#tabs").height(h);
|
tabs = $('#tabs').cleverTabs();
|
$(window).bind('resize', function () {
|
tabs.resizePanelContainer();
|
});
|
|
tabs.add({
|
url: 'Title',
|
label: '首页',
|
lock: false
|
});
|
$('input[type="button"]').button();
|
|
});
|
function addTab(url, name) {
|
tabs.add({
|
url: url,
|
label: name
|
});
|
}
|
</script>
|
|
<script type="text/javascript">
|
$(function () {
|
$("#divFolding").click(
|
function () { self.parent.hideShowFrame(); }
|
);
|
});
|
</script>
|
</head>
|
<body>
|
|
<div class="sidebar fleft"><div class="btn" id="divFolding"></div></div>
|
<div id="tabs" style="overflow:hidden; padding-top:2px; height:400px;">
|
<ul>
|
</ul>
|
</div>
|
</body>
|
</html>
|
