注册 登录
编程论坛 ASP技术论坛

【求助】怎么实现鼠标移动图片变换

zhuzhanjun 发布于 2009-07-23 16:41, 1955 次点击
我有一个导航栏,是图片来的

然后我想实现鼠标放上去后,变换成另一张图片,然后鼠标离开后,又变回原来的图片

请问各位大虾怎么完成这个功能?在线等,谢谢
2 回复
#2
孤独冷雨2009-07-23 17:17
DW里直接就有,鼠标经过图像!
#3
yms1232009-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