编程 Javascript

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

Posted in Javascript onApril 16, 2015

本文实例讲述了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程序设计有所帮助。

- Author -

lele

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

网页设计常用的一些技巧

Dec 22 Javascript

javascript div 遮罩层封锁整个页面

Jul 10 Javascript

弹出窗口并且此窗口带有半透明的遮罩层效果

Mar 13 Javascript

jquery 3D 标签云示例代码

Jun 12 Javascript

js分页工具实例

Jan 28 Javascript

js鼠标点击按钮切换图片-图片自动切换-点击左右按钮切换特效代码

Sep 02 Javascript

jQuery Validation Plugin验证插件手动验证

Jan 26 Javascript

js+html5实现半透明遮罩层弹框效果

Aug 24 Javascript

利用JQuery操作iframe父页面、子页面的元素和方法汇总

Sep 10 jQuery

Express下采用bcryptjs进行密码加密的方法

Feb 07 Javascript

JavaScript实现tab栏切换效果

Mar 16 Javascript

vue 调用 RESTful风格接口操作

Aug 11 Javascript

JavaScript三元运算符的多种使用技巧

Apr 16 #Javascript

javascript中call apply 的应用场景

Apr 16 #Javascript

javascript三元运算符用法实例

Apr 16 #Javascript

jQuery on()方法使用技巧详解

Apr 16 #Javascript

JavaScript简单表格编辑功能实现方法

Apr 16 #Javascript

JavaScript转换二进制编码为ASCII码的方法

Apr 16 #Javascript

JavaScript实现彩虹文字效果的方法

Apr 16 #Javascript

You might like

PHP中调用JAVA

2006/10/09 PHP

PHP去掉json字符串中的反斜杠\及去掉双引号前的反斜杠

2015/09/30 PHP

thinkPHP利用ajax异步上传图片并显示、删除的示例

2018/09/26 PHP

php写入mysql中文乱码的实例解决方法

2019/09/17 PHP

用Laravel轻松处理千万级数据的方法实现

2020/12/25 PHP

Tips 带三角可关闭的文字提示

2010/10/06 Javascript

详谈JavaScript内存泄漏

2014/11/14 Javascript

JSON字符串转JSON对象

2015/07/31 Javascript

jquery实现简单实用的弹出层效果代码

2015/10/15 Javascript

jQuery多文件异步上传带进度条实例代码

2016/08/16 Javascript

基于JavaScript实现类名的添加与移除

2017/04/23 Javascript

JS中图片压缩的方法小结

2017/11/14 Javascript

JS集合set类的实现与使用方法示例

2019/02/01 Javascript

原生javascript中this几种常见用法总结

2020/02/24 Javascript

浅谈Vue3.0新版API之composition-api入坑指南

2020/04/30 Javascript

uniapp 仿微信的右边下拉选择弹出框的实现代码

2020/07/12 Javascript

详解Python中open()函数指定文件打开方式的用法

2016/06/04 Python

浅谈Python的垃圾回收机制

2016/12/17 Python

Python实现检测文件MD5值的方法示例

2018/04/11 Python

详解python中Numpy的属性与创建矩阵

2018/09/10 Python

python读取并定位excel数据坐标系详解

2019/06/26 Python

django之静态文件 django 2.0 在网页中显示图片的例子

2019/07/28 Python

使用python 的matplotlib 画轨道实例

2020/01/19 Python

基于Python实现人脸自动戴口罩系统

2020/02/06 Python

Python数据可视化实现多种图例代码详解

2020/07/14 Python

python 实现非极大值抑制算法（Non-maximum suppression, NMS）

2020/10/15 Python

python tkinter实现连连看游戏

2020/11/16 Python

HTTP状态码详解

2021/03/18 杂记

纯css3实现照片墙效果

2014/12/26 HTML / CSS

Giglio英国站：意大利奢侈品购物网

2018/03/06 全球购物

Omio俄罗斯：一次搜索公共汽车、火车和飞机的机票

2018/11/17 全球购物

俄罗斯小米家用电器、电子产品和智能家居商店：Poood.ru

2020/04/03 全球购物

中学生学习生活的自我评价

2013/10/26 职场文书

佛光寺导游词

2015/02/10 职场文书

2015年超市员工工作总结

2015/05/04 职场文书

生日寿星公答谢词

2015/09/29 职场文书