本文实例讲述了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程序设计有所帮助。
您可能感兴趣的文章:
- javascript鼠标滑过显示二级菜单特效
- JS实现鼠标滑过链接改变网页背景颜色的方法
- JS实现鼠标滑过折叠与展开菜单效果代码
- js鼠标滑过图片震动特效的方法
- 当鼠标滑过文本框自动选中输入框内容的JS代码分享
- JS鼠标滑过图片时切换图片实现思路
- js鼠标滑过弹出层的定位IE6bug解决办法
- JS实现表单中checkbox对勾选中增加边框显示效果
- jsp中使用frameset框架 边框固定不让更改边框的大小
- JS实现鼠标滑过显示边框的菜单效果
