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程序设计有所帮助。

以上是 JavaScript实现鼠标滑过图片变换效果的方法 的全部内容, 来源链接: utcz.com/z/320954.html

回到顶部