怎样实现鼠标放到图片上图片变大,比如一个jsp的页面,那种购物网站销售商品的网页,把鼠标放到商品照片上

怎样实现鼠标放到图片上图片变大,比如一个jsp的页面,那种购物网站销售商品的网页,把鼠标放到商品照片上,第1张

鼠标的事件当鼠标 移上去的时候出发 onmouseover事件 应该是。。记不住单词,触发一个函数 此函数中展示一个div,此div是中所展示的就是这张图片的原图 原来那张只是缩略图,div的定位可以得到鼠标的像素来设定

你这个不是在JSP里控制的,是在样式表里,被引入的JSP文件body必须是以百分比定义的,比如body{width:100%},如果body或其下的顶层DIV被定义成具体的像素值,那么就不可能实现宽度自适应,除非在jsp页面中使用Javascript脚本来控制,将body或顶层DIV的宽度改为100%。因为我没法看页面的html,无法分析得更具体了,但是基本原理就是这个

实现思路:可以将图片作为背景,之后上面不单可以放文本,还可以放表格或者其他的任意标签。举例:

<div style="background-image:url(../images/a.jpg)"><form action="login.do"> <input type="text" name="userName"/> <input type="password" name="password"/></form></div>

以上实现的就是表单外面或者表单里面加一个div,在div上加背景图片,此时密码文本就显示在图片上面了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11921822.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存