Posted in Javascript onApril 16, 2015
本文实例讲述了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实现鼠标滑过图片变换效果的方法
- Author -
lele声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@