Welcome 微信登录
编程资源 图片资源库 蚂蚁家优选 PDF转换器 软件资源

软件开发小程序制作系统集成与运维空间租用硬件开发视频监控技术咨询与支持——联系电话:0311-88999002/88999003

首页 / 脚本样式 / JavaScript / 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程序设计有所帮助。