首页 > 代码库 > easyui left-tabs 左侧的tabs
easyui left-tabs 左侧的tabs
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Tab Position - jQuery EasyUI Demo</title>
<link rel="stylesheet" type="text/css" href=http://www.mamicode.com/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href=http://www.mamicode.com/themes/icon.css">
<link rel="stylesheet" type="text/css" href=http://www.mamicode.com/"../demo.css">
<script type="text/javascript" src=http://www.mamicode.com/jquery.min.js"></script>
<script type="text/javascript" src=http://www.mamicode.com/jquery.easyui.min.js"></script>
</head>
<body>
<div id="tt" class="easyui-tabs" data-options="tabPosition:‘left‘,tabWidth:45,tabHeight:160,border:true,headerWidth:45" style="width:700px;height:550px">
<div title="<span class=‘tt-inner‘>
Modem<br/>ss<br/>ss<br/>ss</span>"
style="height:1px;">1
</div>
<div title="<span class=‘tt-inner‘><img src=http://www.mamicode.com/‘images/modem.png‘/>
<h3>
生<br/>产<br/>方<br/>式<br/>
</h3>
</span>"
style="padding:1px">2
</div>
<div title="Help" style="padding:0px">3
</div>
</div>
<style scoped="scoped">
.tt-inner{
display:inline-block;
line-height:12px;
padding-top:5px;
}
.tt-inner img{
border:0;
}
</style>
</body>
</html>