JavaWeb:首页页面划分,没有用css。

 

准备抽时间研究一下自己的毕业设计,今天花时间做了三个页面:登录页面,注册页面和首页。

其中首页,我是划分了三块:顶部菜单栏,左侧菜单栏,右侧菜单栏。没有用 css。

我的首页 jsp 是这样写的:

 1 <html>
 2 <head>
 3 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 4 <title>网站首页</title>
 5 </head>
 6     <!-- 这一行18%代表分18%页面给上部分,*代表其他的分给下面 -->
 7     <frameset rows="18%,*" frameborder="no"> 
 8     <frame src="index/indexTop.jsp" noresize="noresize"> 
 9         <!-- 这行代表已经分割好的页面15%分给左边,其他分给右边 -->
10         <frameset cols="15%,*">
11         <frame src="index/indexLeft.jsp" noresize="noresize">
12      
13         <!-- 给你需要显示的页面添加name值 -->
14         <frame name="right">
15         </frameset>
16     </frameset>
17 </html>

然后我的左侧菜单栏 关键代码:

 1 <body>
 2  <ul id="menu">
 3      <li class="item"><a href="javascript:void(0)" class="title" name="1">进货管理</a>
 4            <ul id="opt_1" class="optiton">
 5           <li><a href="stockup.jsp" target="right">采购进货</a></li>
 6           <li><a href="returngoods.jsp" target="right">采购退货</a></li>
 7            </ul>
 8      </li>
 9      <li class="item"><a href="javascript:void(0)" class="title" name="2">销售管理</a>
10            <ul id="opt_2" class="optiton">
11           <li><a href="#">生成首页</a></li>
12           <li><a href="#">生成列表</a></li>
13            </ul>
14     </li>
15  </ul>
16 </body>

注意: 在<li> 里面加了一个超链接。超链接的 target=" " 里的值,要和 首页中 <frame name=" ">  name 里的值对应。超链接里的 href=" " 里写的就是你要显示的右边的界面。

 

最后结果如下:

 

over。

 

posted @ 2017-02-04 22:28  稻小白  阅读(1725)  评论(0编辑  收藏  举报