JavaScript实现鼠标滑过图片变换效果的方法

前端技术 2023/09/09 JavaScript

本文实例讲述了JavaScript实现鼠标滑过图片变换效果的方法。分享给大家供大家参考。具体如下：

<html>
<head>
<title>Swap Images with onMouseOver and onMouseOut</title>
</head>
<body bgcolor=\"#FFFFCC\" text=\"#3300FF\">
<CENTER>
<FORM NAME = form1>
<H2>
Move the mouse across to swap the image ...
</H2>
<A HREF=\"\" name= link1 
onMouseOver = \"ImgOver()\" onMouseOut = \"ImgOut()\">
  <IMG NAME = \"IMG1\" 
  SRC = \"images/follow.jpg\" WIDTH = 800 HEIGHT = 600>
</A>
</CENTER>
<SCRIPT LANGUAGE= JavaScript>
function ImgOver()
{
 // use an image file you have or use one of XP\'s wallpaper
 document.form1.IMG1.src = \'images/home.jpg\';
}
function ImgOut()
{
 // use an image file you have or use one of XP\'s wallpaper
 document.form1.IMG1.src = \'images/follow.jpg\';
}
</SCRIPT>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

本文地址：https://www.stayed.cn/item/23668

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案