JavaScript实现鼠标滑过图片变换效果的方法
2015-04-20来源:易贤网

具体如下:

<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>

更多信息请查看IT技术专栏

2026公务员·事业单位培训课程试听报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
推荐信息