当前位置：软件学堂 > 资讯首页 > 网络编程 > 编程其他 > 鼠标放到图片上会显示另外一张图片

鼠标放到图片上会显示另外一张图片

2012/10/23 12:28:10作者：佚名来源：网络

移动端

【实例名称】

鼠标放到图片上会显示另外一张图片

【实例描述】

在大多数网页中，如果鼠标移动到图片上，通常会给出文本提示。本例将学习如何不显示文本．而显示指定的图片。

【实例代码】

 <html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>标题页</title>
<SCRIPT LANGUAGE="JavaScript">
function changeSrc(obj)
{
   obj.src="LOGO2.gif";//改变图像地址
}
</script>
</head>
<body>
<img onmousemove="changeSrc(this)" src="LOGO1.gif" />
</body>
</html>

【运行效果】

运行效果

运行效果

【难点剖析】

本例的重点是如何判断当前图片，并更改图片的地址。在img控件中，“src”属性表示要显示图片的地址，如果是网络地址，一定要指明详细的URL路径。如果判断的是当前图片，在参数传递的时候，使用“this”。

【源码下载】

本实例JS代码下载

标签：鼠标 JS代码

上一篇：单击鼠标右键到指定页JS代码怎么写
下一篇：通过CSS鼠标形状定义大全

相关文章

热门软件/ 推荐游戏/ 手机软件

资讯分类

Dreamweaver Flash DIV+CSS 编程其他

推荐教程

精品软件推荐

360安全卫士

讯飞输入法