编程论坛
注册
登录
编程论坛
→
ASP技术论坛
【求助】怎么实现鼠标移动图片变换
zhuzhanjun
发布于 2009-07-23 16:41, 1955 次点击
我有一个导航栏,是图片来的
然后我想实现鼠标放上去后,变换成另一张图片,然后鼠标离开后,又变回原来的图片
请问各位大虾怎么完成这个功能?在线等,谢谢
2 回复
#2
孤独冷雨
2009-07-23 17:17
DW里直接就有,鼠标经过图像!
#3
yms123
2009-07-23 17:35
<html>
<head>
<title>鼠标变换图片实例</title>
</head>
<script language="javascript">
function ChangeImage(SiteName)
{
switch(SiteName)
{
//鼠标放上去时切换图片为新浪LOGO
case "sina":
this.LogoImage.src="http://i1.
break;
//鼠标离开时切换图片为网易LOGO
case "netease":
this.LogoImage.src="http://img1.
break;
}
//切换图片语法this.[img的name].src="图片URL路径";
}
</script>
<body>
<!--onMoseOver为鼠标放上去时触发的javascript函数代码-->
<!--onMouseOut为鼠标离开时的触发的javascript函数代码-->
<a href="#" onMouseOver="ChangeImage('sina');" onMouseOut="ChangImage('netease');" ><img name="LogoImage" border="0" src="http://img1. width="111" height="36" ></a>
</body>
</html>
1