<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
<meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="format-detection" content="telephone=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<link href="css/bksystem.css" rel="stylesheet" type="text/css" />
<link href="css/module.css" rel="stylesheet" type="text/css" />
<link href="css/pages.css" rel="stylesheet" type="text/css" />
<title>左右框架</title>
<script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="js/jquery.nicescroll.js" type="text/javascript"></script>
<script src="js/HUpages.js" type="text/javascript"></script>
<script src="js/template.js" type="text/javascript"></script>
<!--[if lt IE 9]>
<script src="js/html5shiv.js" type="text/javascript"></script>
<script src="js/css3-mediaqueries.js" type="text/javascript"></script>
<![endif]-->
</head>
<body id="situation">
<div class="pages-style">
<!--左侧菜单栏-->
<div class="bk-con-menu " id="bk-con-menu">
<div class="menubtn">
<span class="close_btn samebtn"><i>隐藏</i></span>
<span class="show_btn samebtn"><i>显示</i></span>
</div>
<div class="title-menu">左侧内容</div>
<div class="breadcrumb" id="breadcrumb">
<ul class="clearfix menu-section menulist" id="advertisingSort">
</ul>
</div>
</div>
<!--右侧内容-->
<div class="bk-con-message message-section" id="iframe_box">
右侧内容
</div>
</div>
</body>
</html>
<script>
$(function() {
//内页框架结构编辑
$("#situation").Hupage({
slide: '#breadcrumb',
padding: 15,
menuModule: '#bk-con-menu', //菜单模块
pagecontent: '.page_content', //自定义属性
operation: '.operation', //自定义属性
scrollbar: function(e) {
e.niceScroll({
cursorcolor: "#dddddd",
cursoropacitymax: 1,
touchbehavior: false,
cursorwidth: "3px",
cursorborder: "0",
cursorborderradius: "3px",
});
},
expand: function(thisBox, settings) {
var pc = "";
$(settings.pagecontent).css("margin-bottom") != null ? pc = parseInt($(settings.pagecontent).css("margin-bottom").replace("px", "")) : '';
$(settings.pagecontent).css({
height: $(window).height() - $(settings.operation).outerHeight() - pc - (settings.padding * 2)
})
settings.scrollbar($(settings.slide) && $(settings.pagecontent));
} //自定义方法
});
});
</script>
