相关文件下载
链接:https://pan.baidu.com/s/1RICF5Yiw4za2agEYazpeKQ
提取码:ha2a
UniPageControl1
<html> <head> <title>Extjs应用tab页的最简单Demo</title> <link rel="stylesheet" type="text/css" href="theme-gray-all.css" /> //这两个CSS位置不能乱 <link rel="stylesheet" type="text/css" href="aa.css" /> //自定义CSS //这两个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>