1、首先你在页面上定义一个div和iframe,div放菜单栏,iframe显示相应的页面。
代码
<div id="menu">
<ul>
<li><a href="onehtml" target="mainFrame">第一个</a></li>
<li><a href="twohtml" target="mainFrame">第二个 </a></li>
<li><a href="threehtml" target="mainFrame">第三个</a></li>
<li><a href="fourhtml" target="mainFrame">第四个</a></li>
</ul>
</div>
<iframe src="onehtml" name="mainFrame" width="700" height="600">刚开始显示onehtml这个页面。
样式代码注意,放在head标签里的
<style>
#menu{width:200px;height:600px;border:1px solid blue;float:left;}
#menu li{list-style-type:none;}
</style>
2、菜单栏放在4个a标签里,target标签你要显示的方式,target="mainFrame"表示我要显示在一个name为mainFrame的这样一个标签里。
3、当你分别点击四个超链接的时候,就显示不同页面了。
4、你自己新建几个页面试下,页面的样式布局要你调,很简单,不会的去百度网页,不要百度知道,学不到啥。你知道取数据库中的数据吧不知道我就没办法了
,假设你取出来了该路径是个string,
<% String url="xxx"; %>
<a href="<%=url%>">点击</a>WEB-INF中的JSP是被保护的,不能直接访问,可以在webxml中配置代码如下:
<servlet>
<servlet-name>runtain</servlet-name>
<jsp-file>/WEB-INF/Login_successjsp</jsp-file>
</servlet>
<servlet-mapping>
<servlet-name>runtain</servlet-name>
<url-pattern>/Login_successjsp</url-pattern>
</servlet-mapping>
配置完成后在indexjsp中写<a href="Login_successjsp">进入登录成功页面</a>
这样就能访问Login_successjsp页面了。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)