jsp实现导航栏

一．frameset实现

导航栏在web开发中必不可少，其中利用frameset来实现是一种比较常见的方法。

frameset通过target可将相关的页面连接起来，实现导航。实际开发中注意target的对应关系即可。

效果图如下：

主导航区top.jsp
左侧分导航 left.jsp	内容区 main.jsp
页脚down.jsp

1.index.jsp

   纵向：主导航，主页面，页脚三块.

   横向：主页面又分左导航，内容两块

   <frameset rows="98,*,5" frameborder="no">

   "top.jsp" name="topFrame" id="topFrame"/>

    "168,*"  frameborder="no">

           "left.jsp"id="leftFrame" />

           "main.jsp" id="mainFrame" scrolling="yes"/>

   

   "down.jsp" name="bottomFrame"id="bottomFrame" />

   frameset>

2.top.jsp

利用表格或div、css将相应文字布局成横向显示即可.

根据target的指向，即可对应到左侧导航，主要代码如下：

数据管理

网站管理

用户管理

3.left.jsp

利用表格或div、css将相应文字布局成树向显示即可.

左侧导航根据target的指向，即可显示内容区，主要代码如下：

mainFrame"> 录入土地信息

mainFrame">管理土地信息

mainFrame">录入新房信息

   mainFrame">管理新房信息

二．table镶嵌iframe实现

   Iframe的实现原理与frameset类似，其可将其他页面引入当前页面，本文利用最简单的表格布局展示其使用方法。

样例图如下：

网站标志                         主导航区
左侧分导航	内容区
页脚

1.index.html

   利用简单的表格布局

   纵向：主导航，主页面，页脚三块.

  
    左上角网站标志
    
      数据管理
      网站管理
      用户管理