frame 页面结构

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<frameset rows="100px,*" cols="*">
    <noframes>
        <body>  很抱歉,馈下使用的浏览器不支持框架功能,请转用新的浏览器。  
        </body>
    </noframes>
    
    <frame name="top" src="loginAction_top.action" scrolling="No" noresize="noresize" >
    <frameset cols="150,*">
         <frame name="left" src="loginAction_left.action" scrolling="No" noresize="noresize" >
         <frame src="loginAction_welcome.action" name="main" title="mainframe" scrolling="Yes" noresize="noresize"  />
    </frameset>
</frameset>

</html>
main.jsp
<%@ page language="java" pageEncoding="UTF-8"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>菜单</title>
<%@ include file="/js/commons.jspf" %>
<script language="JavaScript" type="text/JavaScript">
//判断浏览器的变量
NS4 = (document.layers) ? 1 : 0;
IE4 = (document.all) ? 1 : 0;
ver4 = (NS4 || IE4) ? 1 : 0;
//定义各个层的位置及显示状态
if (ver4) {
    with (document) {
        write("<STYLE TYPE='text/css'>");
        if (NS4) {
            write(".parent {position:absolute; visibility:visible}");
            write(".child {position:absolute; visibility:visible}");
            write(".regular {position:absolute; visibility:visible}")
        }
        else {
            write(".child {display:none}")
        }
        write("</STYLE>");
    }
}
//当菜单打开时,页面上菜单以下的东西的位置顺序往下推,菜单合起时,菜单以下的东西自动上移。
function arrange() {
    nextY = document.layers[firstInd].pageY +document.layers[firstInd].document.height;
    for (i=firstInd+1; i<document.layers.length; i++) {
        whichele = document.layers[i];
        if (whichele.visibility != "hide") {
            whichele.pageY = nextY;
            nextY += whichele.document.height;
        }
    }
}
//初始化菜单
function initIt(){
        divColl = document.getElementsByTagName("DIV");
        for (i=0; i<divColl.length; i++) {
            whichele = divColl(i);
            if (whichele.className == "child") whichele.style.display = "none";
        }
}
//展开菜单的方法
function expandIt(ele) {
    var layernum = 2;
    var childname = ele.substring(0,4);
    var childnum = ele.substring(4,5)
       whichele = document.getElementById(ele + "Child");
       if (whichele.style.display == "none") {
           whichele.style.display = "";
        for (i=1;i<layernum+1;i++)
        { if (childnum != i)
        { document.getElementById(childname + i +"Child").style.display ="none";
        }
        }
       }
       else {
           //whichele.style.display = "none";
       }
}
onload = initIt;
</script>
<style type="text/css">
<!--
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
.STYLE3 {
    font-size: 12px;
    color: #435255;
}
.STYLE4 {font-size: 12px}
.STYLE5 {font-size: 12px; font-weight: bold; }
a {text-decoration:none;color:black}
-->
</style></head>

<body>

<table width="147" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="23" background="images/main_34.gif"><div align="center" class="STYLE4" id="Menu1Parent"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="9%">&nbsp;</td>
        <td width="83%"><div align="center" class="STYLE4"><a href="#" onClick="expandIt('Menu1'); return false" >业务管理</a></div></td>
        <td width="8%">&nbsp;</td>
      </tr>
    </table></div></td>
  </tr>
  <tr>
    <td valign="top"><div align="center" id="Menu1Child">
      <table width="82%" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td height="38"><table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="33" height="28"><img src="images/main_52.gif" width="28" height="28"></td>
              <td width="99"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td height="23" class="STYLE4" style="cursor:hand" onMouseOver="this.style.backgroundImage='url(images/tab_bg.gif)';this.style.borderStyle='solid';this.style.borderWidth='1';borderColor='#adb9c2'; "onmouseout="this.style.backgroundImage='url()';this.style.borderStyle='none'">
                        <a href="leaveBillAction_home.action" target="main">请假管理</a>
                    </td>
                  </tr>
              </table></td>
            </tr>
          </table></td>
        </tr>
        
      </table>
    </div></td>
  </tr>
  <tr>
    <td height="23" background="images/main_34_1.gif"><div align="center" class="STYLE4" id="Menu2Parent"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="9%">&nbsp;</td>
        <td width="83%"><div align="center" class="STYLE4"><a href="#" onClick="expandIt('Menu2'); return false" >流程管理</a></div></td>
        <td width="8%">&nbsp;</td>
      </tr>
    </table></div></td>
  </tr>
   <tr>
    <td valign="top"><div align="center" id="Menu2Child" style="display:none">
      <table width="82%" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td height="38"><table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="33" height="28"><img src="images/main_48.gif" width="28" height="28"></td>
              <td width="99"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td height="23" class="STYLE4" style="cursor:hand" onMouseOver="this.style.backgroundImage='url(images/tab_bg.gif)';this.style.borderStyle='solid';this.style.borderWidth='1';borderColor='#adb9c2'; "onmouseout="this.style.backgroundImage='url()';this.style.borderStyle='none'">
                        <a href="workflowAction_deployHome.action" target="main">部署管理</a>
                    </td>
                  </tr>
              </table></td>
            </tr>
          </table></td>
        </tr>
        <tr>
          <td height="38"><table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="33" height="28"><img src="images/main_40.gif" width="28" height="28"></td>
              <td width="99"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td height="23" class="STYLE4" style="cursor:hand" onMouseOver="this.style.backgroundImage='url(images/tab_bg.gif)';this.style.borderStyle='solid';this.style.borderWidth='1';borderColor='#adb9c2'; "onmouseout="this.style.backgroundImage='url()';this.style.borderStyle='none'">
                        <a href="workflowAction_listTask.action" target="main">任务管理</a>
                    </td>
                  </tr>
              </table></td>
            </tr>
          </table></td>
        </tr>
      </table></div>
    </td>
  </tr>
  
  
  <tr>
    <td height="19" background="images/main_69.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="1%">&nbsp;</td>
        <td width="99%" valign="bottom"><span class="STYLE3">刘洋(QQ:506069708)</span></td>
      </tr>
    </table></td>
  </tr>
</table>
</body>
</html>
left.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<html>
<head>
<%@ include file="/js/commons.jspf" %>
<style type="text/css">
<!--
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
.STYLE1 {
    font-size: 12px;
    color: #000000;
}
.STYLE5 {font-size: 12}
.STYLE7 {font-size: 12px; color: #FFFFFF; }
-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>banner</title>
</head>
<body>
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td height="57" background="${pageContext.request.contextPath }/images/main_03.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="450" height="57" background="${pageContext.request.contextPath }/images/main_01.gif">&nbsp;</td>
            <td>&nbsp;</td>
            <td width="281" valign="bottom"><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="33" height="27"><img src="${pageContext.request.contextPath }/images/main_05.gif" width="33" height="27" /></td>
                <td width="448" background="${pageContext.request.contextPath }/images/main_06.gif"><table width="425" border="0" align="center" cellpadding="0" cellspacing="0">
                  <tr>
                    <td><div align="right"><span class="STYLE6"><b>当前登录用户:${sessionScope.globle_user.name }</b></span></div></td>
                    <td><div align="right"><a href="loginAction_logout.action" target="parent"><img src="${pageContext.request.contextPath }/images/quit.gif" width="69" height="17" /></a></div></td>
                  </tr>
                </table></td>
              </tr>
            </table></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td height="40" background="${pageContext.request.contextPath }/images/main_10.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="194" height="40" background="${pageContext.request.contextPath }/images/main_07.gif">&nbsp;</td>
            <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="21"><img src="${pageContext.request.contextPath }/images/main_13.gif" width="19" height="14" /></td>
                <td width="300" class="STYLE7">
                </td>
                <td>&nbsp;</td>
              </tr>
            </table></td>
            <td width="260" background="${pageContext.request.contextPath }/images/main_11.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="16%"><span class="STYLE5"></span></td>
                <td width="84%"><div align="center"><span class="STYLE7">
                <div id="test"></div>
                <script >
                    setInterval("document.getElementById('test').innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",100);
                </script>
                </span></div></td>
              </tr>
            </table></td>
          </tr>
        </table></td>
      </tr>
    </table>
</body>
</html>
top.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ include file="/js/commons.jspf" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>banner</title>
</head>
<body>
<div align="left"><span class="STYLE6">
    功能说明:<br />
    1,业务管理。<br />
    2,流程管理。<br />
</span></div>
</body>
</html>
welcom.jsp

posted @ 2016-11-16 09:37  SKYisLimit  阅读(206)  评论(0编辑  收藏  举报