怎么在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/,就只是图片切换和点击图片跳转到其他页面的效果就可以。。。。求帮助。。。。

参考技术A 你给这个图片标签中添加一个 href=“http://www.baidu.com” 这种链接就行了
<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怎么实现这个功能 通过下拉框 ,显示不同效果,无刷新,无跳转

app内点击链接跳转到另一个软件下载界面是不是违法?

如何在手机浏览器网页中点击链接跳转到QQ聊天界面

怎么用eclipse做一个界面点击按钮就可以跳转到另一个界面的代码

我要把页面上的图片由点击按钮存到手机相册指定路径里,js代码怎么写?(.net c#)