循环列表中的图片如何用js的onmouseover和onmouseout

放任时光飞逝 2017-04-27 11:23:07
我鼠标移到一个图片上所有图片都变,怎么可以让鼠标移动到哪个哪个变啊,没弄明白,哪个大神帮帮忙
...全文
283 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
Msxindl_Com 2017-04-28
  • 打赏
  • 举报
回复
引用 4 楼 qq_37588181 的回复:
我想鼠标移动到图片放大,移走恢复原样怎么弄啊
用CSS就行了,在CSS中加入: img:hover { -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } <img id="a" alt="images" src="${u.sfzp }" width="40px" height="50px" >
qq_26668301 2017-04-27
  • 打赏
  • 举报
回复
方法一 排他思想 鼠标进入 for循环 所有的图片都不变 当前的变。 方法二 鼠标进入 当前这个变 离开还原。
放任时光飞逝 2017-04-27
  • 打赏
  • 举报
回复
这样也不好使啊,不知道怎么回事?
天际的海浪 2017-04-27
  • 打赏
  • 举报
回复
引用 4 楼 qq_37588181 的回复:
我想鼠标移动到图片放大,移走恢复原样怎么弄啊

img:hover {
	-webkit-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
}
放任时光飞逝 2017-04-27
  • 打赏
  • 举报
回复
我想鼠标移动到图片放大,移走恢复原样怎么弄啊
天际的海浪 2017-04-27
  • 打赏
  • 举报
回复
在事件中用this获取当前元素 onmouseover="showImg(this)" 在showImg函数中 function showImg(thisObj) { thisObj.src = "图片地址"; }
放任时光飞逝 2017-04-27
  • 打赏
  • 举报
回复
能具体点吗,我不太懂 这是代码 写循环也是所有都变啊 <c:forEach var="u" items="${yonghu}"> <tr> <td id="c"><span>${u.id }</span></td> <td>${u.name }</td> <td>${u.cardid }</td> <td>${u.sex }</td> <td>${u.mz }</td> <td>${u.both }</td> <td>${u.adress }</td> <td> <img id="a" alt="images" src="${u.sfzp }" width="40px" height="50px" onmouseover="showImg()" onmouseout="hiddenImg()"> </td> </tr> </c:forEach>

87,993

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧