jsp中如何给背景图上的超链接添加点击事件?

Posted 2023-04-13

目前我在自学java，看的是韩顺平的视频，他的jsp只有23集，里面的一个项目的首页添加了画着两排超链接(是背景图画着的超链接，不是真的)的图片，他说要给这些超链接添加事件，只需添加映射就行了，但那套视频就没后续了，我特郁闷，究竟这是什么样的技术？怎么添加映射？求达人解答
那张图片是作为div的背景图添加的，不是img元素

参考技术A 简单易懂的话就是加上a标签，只是鼠标移上去会变成手势而不是指针，一看就知道是个超链接

<a href=""><img src=""/></a>
复杂点可以直接给div或img标签添加onclick函数

<img src="" onclick=javascript:location.href=""/>
<div onclick=javascript:location.href=""><img src=“" /></div>追问

可是那张图片就类似腾讯首页那个标题栏(新闻 图片 军事 天气...)一张图片就十几二十个标签，而你的方法是响应整张图片的

追答

那个应该是类似于以下形式：

……

css中设置id="menu"的background属性，可以是图片或颜色，这个自己选。然后指定menu1到menun的大小和位置。a标签包含的div的内容可以为空，也可以自己加文字。

本回答被提问者采纳 参考技术B 图片肯定是div的背景图片，然后div里面在嵌套ul或者div，ul里面可以包含li，让li浮动气啦，就变横排了，然后给每个li加上click事件，就ok了。<div class=''><ul><li></li></ul></div> 注：腾讯的是div里面嵌div，div里面在嵌入a标签这样实现的追问

你说的情况也是可行的，但如果是这种做法，用的背景图就应该是没有画文字的吧，我做的那个项目的背景图连标题也给画上了，再在上面加入li或者a表情，内容不就会出现重影吗

追答

有可能是dreamweaver图像热区连接

jsp模仿QQ空间说说的发表

1.在文本域中输入文字（可以不添加）

2.点击添加图片（可以不添加）

3.点击发表

4.发表成功，文字和图片是超链接，点击就可以查看全部内容

5.点击图片查看原图，没有图片则不显示查看原图的超链接

 

主要用到的知识有：

图片的上传，session，JavaScript

主要思路：图片上传到服务器，获得图片的名字，就可以用img标签来显示，src就可以有路径了，文字保存在session，获得即可

代码随后上传

主页面

 

添加文字图片

 

点击发表后的页面

任意点击图片或者文字，查看全文