![怎样实现鼠标放到图片上图片变大,比如一个jsp的页面,那种购物网站销售商品的网页,把鼠标放到商品照片上,第1张 怎样实现鼠标放到图片上图片变大,比如一个jsp的页面,那种购物网站销售商品的网页,把鼠标放到商品照片上,第1张](/aiimages/%E6%80%8E%E6%A0%B7%E5%AE%9E%E7%8E%B0%E9%BC%A0%E6%A0%87%E6%94%BE%E5%88%B0%E5%9B%BE%E7%89%87%E4%B8%8A%E5%9B%BE%E7%89%87%E5%8F%98%E5%A4%A7%EF%BC%8C%E6%AF%94%E5%A6%82%E4%B8%80%E4%B8%AAjsp%E7%9A%84%E9%A1%B5%E9%9D%A2%EF%BC%8C%E9%82%A3%E7%A7%8D%E8%B4%AD%E7%89%A9%E7%BD%91%E7%AB%99%E9%94%80%E5%94%AE%E5%95%86%E5%93%81%E7%9A%84%E7%BD%91%E9%A1%B5%EF%BC%8C%E6%8A%8A%E9%BC%A0%E6%A0%87%E6%94%BE%E5%88%B0%E5%95%86%E5%93%81%E7%85%A7%E7%89%87%E4%B8%8A.png)
鼠标的事件当鼠标 移上去的时候出发 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上加背景图片,此时密码文本就显示在图片上面了。
评论列表(0条)