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

2019-11-20 12:38:54

字体：大中小

来源：转载

供稿：网友

本文实例讲述了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动态修改背景颜色的方法

下一篇：JavaScript三元运算符的多种使用技巧