f0905af5ba05f796e1e2808062bc431de1c3b00c.svn-base 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5. <title></title>
  6. <!--框架必需start-->
  7. <script type="text/javascript" src="../../libs/js/jquery.js"></script>
  8. <script type="text/javascript" src="../../libs/js/language/cn.js"></script>
  9. <script type="text/javascript" src="../../libs/js/framework.js"></script>
  10. <link href="../../libs/css/import_basic.css" rel="stylesheet" type="text/css"/>
  11. <link rel="stylesheet" type="text/css" id="skin" prePath="../../"/>
  12. <link rel="stylesheet" type="text/css" id="customSkin"/>
  13. <!--框架必需end-->
  14. <!--动态选项卡start-->
  15. <script type="text/javascript" src="../../libs/js/nav/dynamicTab.js"></script>
  16. <!--动态选项卡end-->
  17. <!--layout布局控件start-->
  18. <link href="../../libs/thirdparty/layout/css/style.css" rel="stylesheet" type="text/css"/>
  19. <script type="text/javascript" src="../../libs/thirdparty/layout/js/jquery-ui-1.7.2.custom.min.js"></script>
  20. <script type="text/javascript" src="../../libs/thirdparty/layout/js/jquery.layout.js"></script>
  21. <script type="text/javascript" src="../../libs/thirdparty/layout/js/layout.js"></script>
  22. <!--layout布局控件end-->
  23. <script>
  24. var tab;
  25. var index=1;
  26. function addTab(id,name,url){
  27. tab.add( {
  28. id :id,
  29. title :name,
  30. url :url
  31. });
  32. index++;
  33. }
  34. $(function(){
  35. tab= new TabView( {
  36. containerId :'tab_menu',
  37. pageid :'page',
  38. cid :'tab1',
  39. position :"top"
  40. });
  41. tab.add( {
  42. id :'index0',
  43. title :"新闻管理",
  44. url :"../../sample_html/layout/nav-single-content1.jsp",
  45. isClosed :true
  46. });
  47. $(window).resize(function(){
  48. var parentTopHeight = $(window.top.document.getElementById("hbox")).outerHeight() + $(window.parent.document.getElementById("rbox_topcenter")).outerHeight();
  49. var parentBottomHeight = $(window.top.document.getElementById("fbox")).outerHeight() + $(window.parent.document.getElementById("rbox_bottomcenter")).outerHeight() + 1;
  50. var parentMainHeight = window.top.document.documentElement.clientHeight;
  51. try {
  52. window.top.document.getElementsByTagName('iframe')['frmright'].style.height = parentMainHeight-parentTopHeight-parentBottomHeight+'px';
  53. }
  54. catch(e){}
  55. })
  56. })
  57. </script>
  58. <style>
  59. /*简易列表导航*/
  60. .list_menu1{
  61. width:100%;
  62. margin:0;
  63. padding:0;
  64. }
  65. .list_menu1 a dt{
  66. width: 94%;
  67. height: 30px;
  68. line-height:30px;
  69. margin:5px 0 5px 2%;
  70. text-indent: 20px;
  71. border: solid 1px #42a7f7;/*边框颜色*/
  72. background-color: #dfeafa;/*背景色*/
  73. display: block;
  74. background-image: url(../../libs/images/icons/star.png);
  75. background-repeat:no-repeat;
  76. background-position:2px 50%;
  77. }
  78. .list_menu1 a:hover dt{
  79. width: 94%;
  80. height: 30px;
  81. line-height:30px;
  82. margin:5px 0 5px 2%;
  83. text-indent: 20px;
  84. border: solid 1px #42a7f7;/*边框颜色*/
  85. background-color: #ebf4fe;/*背景色*/
  86. display: block;
  87. }
  88. .list_menu1 a:hover{
  89. text-decoration:none;
  90. color:black;
  91. }
  92. /*简易列表导航*/
  93. </style>
  94. </head>
  95. <body>
  96. <div class="ui-layout-west">
  97. <div class="header">导航菜单</div>
  98. <div class="content">
  99. <div class="list_menu1">
  100. <a href="javascript:addTab('index0','新闻管理','../../sample_html/layout/nav-single-content1.jsp')"><dt><span>新闻管理</span></dt></a>
  101. <a href="javascript:addTab('index1','栏目设置','../../sample_html/layout/nav-single-content2.jsp')"><dt><span>栏目设置</span></dt></a>
  102. <a href="javascript:addTab('index2','专题设置','../../sample_html/layout/nav-single-content1.jsp')"><dt><span>专题设置</span></dt></a>
  103. <a href="javascript:addTab('index3','语种设置','../../sample_html/layout/nav-single-content2.jsp')"><dt><span>语种设置</span></dt></a>
  104. <a href="javascript:addTab('index4','用户管理','../../sample_html/layout/nav-single-content1.jsp')"><dt><span>用户管理</span></dt></a>
  105. <a href="javascript:addTab('index5','角色管理','../../sample_html/layout/nav-single-content2.jsp')"><dt><span>角色管理</span></dt></a>
  106. <a href="javascript:addTab('index6','系统日志','../../sample_html/layout/nav-single-content1.jsp')"><dt><span>系统日志</span></dt></a>
  107. </div>
  108. </div>
  109. </div>
  110. <div class="ui-layout-center">
  111. <div class="subhead" style="height:30px;">
  112. <div id="tab_menu"></div>
  113. </div>
  114. <div class="content">
  115. <div id="page" style="width:100%;height:100%;"></div>
  116. </div>
  117. </div>
  118. </body>
  119. </html>