<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>童梦无忧后台</title>
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/easy_ui/js/jquery.easyui.min.js"></script>
<script type="text/javascript" src="js/easy_ui/js/easyui-lang-zh_CN.js"></script>
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="js/easy_ui/css/easyui.css" />
<!--<link rel="stylesheet" href="css/homepage.css" />
<link rel="stylesheet" href="css/common.css" />-->
<style>
body {
overflow: hidden;
height: 100%;
}
.panel {
height: 100%;
overflow-y: auto;
}
html,
body {
height: 100%;
}
.container {
height: 100%;
}
.all-title {
margin-left: 350px;
font-size: 14px;
line-height: 48px;
}
.left_box {
width: 200px;
font-size: 14px;
background: blueviolet;
color: red;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
overflow-y: auto;
/*出现滚动条*/
}
.right_box {
margin-left: 200px;
height: 100%;
}
.left_highlight {
background: blue;
height: 30px;
display: block;
line-height: 30px;
padding-left: 20px;
overflow: hidden;
}
.son_menu {
background: green;
}
.son_menu li {
height: 40px;
line-height: 40px;
color:
常见后台jquery ui tabs方法实战
最新推荐文章于 2024-03-24 11:15:26 发布