双11狂欢大促

盲盒赢 定制羽绒服

开启惊喜盲盒，抽取你的专属好礼

— 惊喜奖品抢先看 —

超级年卡50元券

周边70元券

手机支架

一拖三数据线

雨伞

运动毛巾

电动牙刷

VIP月卡

机械键盘

定制羽绒服

超级年卡50元券

周边70元券

手机支架

一拖三数据线

雨伞

运动毛巾

电动牙刷

VIP月卡

机械键盘

定制羽绒服

HTML(DIV+CSS)问题:如何实现鼠标移上一个图片按钮使当前图片换成另外一个？

2008-04-08 10:40:47 2.4k 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

lee17 墨衍会员 · AI 创作全网分发关注 + 加入社区

如何实现鼠标移上一个图片按钮使当前图片换成另外一个？

...全文

lee17

CSS 61,116 成员 60,701 内容

+ 关注 + 加入社区

切换为时间正序

abczxzh 2011-09-09

打赏
举报

DIV+css其实也很强大。。

pengju126 2011-04-17

打赏
举报

学习~~

集多宝 2010-08-31

打赏
举报

deleteall8的

<div class="tit" style="width: 132px;">
<a href="#"> <img src="images/an_1.jpg" onmouseover="this.src='images/an_01.jpg'" onmouseout="this.src='images/an_1.jpg'"/>
</a>
</div>

可以用非常好

UltraBejing 2008-04-30

打赏
举报

我也想了解，谢谢LZ.

deleteall8 2008-04-08

打赏
举报

<div class="tit" style="width: 132px;"> 

    <a href="#"> <img src="images/an_1.jpg" onmouseover="this.src='images/an_01.jpg'" onmouseout="this.src='images/an_1.jpg'"/> 

    </a> 

</div>

hsj454174023 2008-04-08

打赏
举报

<a href="#" onmouseover=this.parentElement.style.backgroundImage="url('an_01.jpg')">
这句是不是要给背景添加图片？
为什么在<a></a>里面又添加了一张图片，这不是把背景图片给覆盖了吗？
而且你的意思，不是太懂，可以说的再具体一些。

oec2003 2008-04-08

打赏
举报

[Quote=引用 8 楼 storm0 的回复:]
用css会更好

当鼠标经过时，只需要改变a的:hover background状态就行
[/Quote]

lee17 2008-04-08

打赏
举报

<div class="tit" style="width: 132px;">
<a href="#"><img src="images/an_1.jpg" onmouseover='this."images/an_01.jpg"' onmouseout='this.src=images/an_1.jpg'/>
</a>
</div>
我用您的方法试了一下,好象还是不行咧:(

飘零雾雨 2008-04-08

打赏
举报

用css会更好

当鼠标经过时，只需要改变a的:hover background状态就行

lee17 2008-04-08

打赏
举报

<div class="tit" style="width: 132px;"><a href="#" onmouseover=this.parentElement.style.backgroundImage="url('an_01.jpg')"><img src="images/an_1.jpg" border="0" /></a></div>
我用这个,可是没有动静,有人帮我看看吗:)

deleteall8 2008-04-08

打赏
举报

<img src=xxx onmouseover='this.src=xxxx' onmouseout='this.src=xxxx'/>

MarkusVIP 2008-04-08

打赏
举报

<img id="img1" src="./img/icon_B.bmp" onmouseover="mouseOver('img1')" onmouseout="mouseOut('img1')">
<script language="JavaScript">
function mouseOver(id){
document.getElementById(id).src="icon_B.bmp";
//或者
//document.all.id.src="icon_B.bmp";
}
function mouseOut(id){
document.getElementById(id).src="icon_A.bmp";
//document.all.id.src="icon_A.bmp";
}
</script>

lee17 2008-04-08

打赏
举报

呵呵,谢谢了,搞定了,非常感谢:)

✦双11狂欢大促✦

HTML(DIV+CSS)问题:如何实现鼠标移上一个图片按钮使当前图片换成另外一个？

双11狂欢大促