怎么在jsp界面上通过点击图片跳转到其他界面?
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么在jsp界面上通过点击图片跳转到其他界面?相关的知识,希望对你有一定的参考价值。
<ul>
<li>
<img src="images/02.jpg" text="服务模板|服务模板说明" pic="2">
<div>一个海岛</div>
</li>
<li><img src="images/01.jpg" text="下载服务模板|填写模板" pic="1">
<div>一片麦穗</div></li>
<li><img src="images/03.jpg" text="上传服务模板|能将生成wsdl/schema" pic="3">
<div>一树绿叶</div></li>
<li><img src="images/04.jpg" text="生成WSDL/SCHEMA|即可下载wsdl/schema" pic="4">
<div>一棵大树</div></li>
<li><img src="images/05.jpg" text="下载WSDL/SCHEMA|欢迎补充,提出建议" pic="5">
<div>一地葵花</div></li>
</ul>
代码如上,这里有5个图片,想分别点击这五个图片调转到不同界面,还请哪位大仙帮帮忙啊。。。
点击大的图片
怎么用jsp做出类似于ibm首页的效果?http://www.ibm.com/cn/zh/,就只是图片切换和点击图片跳转到其他页面的效果就可以。。。。求帮助。。。。
<img src="images/05.jpg" text="下载WSDL/SCHEMA|欢迎补充,提出建议" pic="5" href=“你想要链接的网页地址”> 参考技术B 加个超链接不就完了。追问
我想要这个链接的代码是怎么写的。。。本人初学。。。
追答我也试过这个方法,但是只是闪了一下我刚才上传的那个界面,然后马上跳转到了我想链接的网页。
我是在jsp上编写这个代码的。。。。
所以,我也不知道该怎么办了。。。怎么才能实现鼠标点击图片跳转,而不是只是闪了一下马上就跳转。。。
帮帮忙吧。。。
那你就用js的单onclick();击事件试一试。
追问我是这样写的:
这样写。。。还是不行,效果还是闪了一下就到百度了。。。
你不就是要跳不同的页面吗?
追问是的,但是我是想点击当前图片再跳转,可是我把tomcat启动后,在浏览器上输入http://localhost:8080/项目名之后就闪了一下我的那个jsp界面,还没等我来得及点击图片,就马上跳转到了百度那个界面了。。。我不是要的这个效果啊。。。。
追答你没不有用加载事件?
追问现在的问题是这个图片可以分为大图片div部分和小图片img部分,我想实现的是点击div也就是大图片的部分实现跳转页面。。。。。说的术语可能不是很准确,但是大概意思是这个
追答道理是一样的,只要小图片出来了。
大图片也是一样的,不是吗?
其实js也有同样的效果,你在网上找找可能就有。
jsp内置对象
今天做了一个十分简单的jsp内置对象实验,通过生成jsp登录界面,判断登录信息是否正确,正确跳转到显示登录正确信息的界面,否则跳转到显示错误信息的界面。
实验工具:tomcat5.0 Myeclipse
首先是登录界面Login.jsp的代码:
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<
<body>
<form action="check.jsp" method="post">
用户名:<input type="text" name="username"/><br/>
密 码:<input type="password" name="passwd"/><br/><br/>
<input type="submit" value="确定"/>
<input type="reset" value="取消"/>
</form>
</body>
</html>
检查登录信息是否正确的check.jsp:
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>
<% String Name=request.getParameter("username");
String Passwd=request.getParameter("passwd");
if(Name.equals("liuweifeng") && Passwd.equals("3152052051601"))
{%>
<jsp:forward page="welcome.jsp"/>
<% }else response.sendRedirect("error.jsp");%>
</body>
</html>
登录成功的界面welcome.jsp:
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>
<%String Name=request.getParameter("username");%>
欢迎你,<%=Name%>成功登录!
</body>
</html>
登陆失败的界面error.jsp:
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>
对不起,你的信息有误,请重新登录! <br/>
<form action="login.jsp" method="post">
<input type="submit" value="返回登录"/>
</form>
</body>
</html>
以上是关于怎么在jsp界面上通过点击图片跳转到其他界面?的主要内容,如果未能解决你的问题,请参考以下文章
java web如何实现:新用户在注册界面注册后,点击 submit 按钮,自动跳转到登陆页面?
easyui jsp怎么实现这个功能 通过下拉框 ,显示不同效果,无刷新,无跳转