Extjs应用tab页的最简单Demo-526互联

<html>
<head>
<title>Extjs应用tab页的最简单Demo</title>
<link rel="stylesheet" type="text/css" href="theme-gray-all.css" />
<script type="text/javascript" src="ext-all.js"></script>

<script type="text/javascript">
Ext.onReady(function(){
///panel开始，用于显示控制信息
var contentPanel = new Ext.TabPanel({
region:'center',
enableTabScroll:true,
activeTab:0,
items:[
{id:'homePage',
title:'首页',
autoScroll:true,
html:'<div style="position:absolute;color:#ff0000;top:40%;left:40%;">欢迎来到阿柒人事管理系统</div>'
}

,{id:'111',
title:'首页2',
autoScroll:true,
html:'<div style="position:absolute;color:#ff0000;top:40%;left:40%;">333333</div>'
}
]});




var viewport = new Ext.Viewport({
layout:'border',
items:[
{
region: 'center',
split: true,
border: true,
layout: 'border',
items: [contentPanel]
}]
});


});
</script>


</head>

<body>
</body>
</html>