本文实例讲述了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程序设计有所帮助。
声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:notice#nhooo.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。