HTML中图片ON mouse事件怎样使用，例如已经有图片1，我想要鼠标移到图片1时自动替换成图片2，请代码

如题所述

推荐答案 2011-06-25

温馨提示：答案为网友推荐，仅供参考

当前网址：http://44.wendadaohang.com/zd/GKVZVYGGZ.html

第1个回答 2011-06-25

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<meta name="description" content="" />
<meta name="keywords" content="" />

</head>

<body>

<img src="2000.gif" width="200" height="200" onMouseover="javascript:this.src='2.jpg'"/>

</body>
</html>
你把图片地址换一下。换成你本地的图片就可以看到效果了

第2个回答推荐于2018-03-15

这段代码就是实现鼠标移动到另外一个图片的时候更改图片,需要使用javascript
<html>
<head>
<script type="text/javascript">
function mouseOver()
{
document.getElementById('b1').src ="/i/eg_mouse.jpg"
}
function mouseOut()
{
document.getElementById('b1').src ="/i/eg_mouse2.jpg"
}
</script>
</head>

<body>
<a href="http://www.w3school.com.cn"
onmouseover="mouseOver()" onmouseout="mouseOut()">
<img alt="Visit W3School!" src="/i/eg_mouse2.jpg" id="b1" />
</a>
</body>
</html>本回答被提问者和网友采纳

第3个回答 2018-03-14

相似回答

HTML页面上怎么样实现按钮点击时与未点击时图片显示的不一样答：<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image11','','images/me.gif',1)"><img src="p/1.jpg" name="Image11" width="160" height="118" border="0" id="Image11" /></a>鼠标经过图像的效果Dreamweaver里有这个功能：插入记录--图像对象--鼠标...

html使用onmouseover事件怎么设置鼠标移动到图片或者文字上在旁边弹出一...答：这样：<Ahref=""><imgsrc="../images/yumen.jpg"onmouseover="this.src='../images/yumen1.jpg'"onmouseout="this.src='../images/yumen.jpg'"width="100"height="28"></A>...//设置一个div，但是默认却是隐藏起来的。.s1{ position: absolute;display: none;} // js function show...

html使用onmouseover事件怎么设置鼠标移动到图片或者文字上在旁边弹出一...答：要是想弹出文字介绍把s1里面的img换成字就行了，或者简单点就在第一个img上加一个alt的属性，鼠标放在上边也有显示。

HTML,当我鼠标移动到小图片上面的时候,鼠标后面就显示大图片?答：下载一下jquery插件，然后新建一个ToolTip.js文件，在该文件下写入以下代码：(function() { var x = 10;var y = 10;("a.tooltip").mouseover(function(e) { this.myTitle = this.title;this.title = "";var tooltip = "<div id='tooltip'><img src='" + this.href + "' alt='...

大家正在搜

所有的鼠标事件都有mouse mousedown事件怎么写 mousedown是什么事件窗体的mousedown事件 vb的mousedown事件 magic mouse 2 mouselistener mouse event mouse enter