编程 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 相关文章推荐

MC Dialog js弹出层完美兼容多浏览器(5.6更新)

May 06 Javascript

javascript 闭包

Sep 15 Javascript

jquery文字上下滚动的实现方法

Mar 22 Javascript

终于解决了IE8不支持数组的indexOf方法

Apr 03 Javascript

Javascript中For In语句用法实例

May 14 Javascript

图文详解Heap Sort堆排序算法及JavaScript的代码实现

May 04 Javascript

分享十三个最佳JavaScript数据网格库

Apr 07 Javascript

vue音乐播放器插件vue-aplayer的配置及其使用实例详解

Jul 10 Javascript

浅谈Vue内置component组件的应用场景

Mar 27 Javascript

Angular2进阶之如何避免Dom误区

Apr 02 Javascript

webpack多入口多出口的实现方法

Aug 17 Javascript

Node.js使用MongoDB的ObjectId作为查询条件的方法

Sep 10 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高级对象构建工厂模式的使用

2012/02/05 PHP

PHP中使用crypt()实现用户身份验证的代码

2012/09/05 PHP

PHP获取youku视频真实flv文件地址的方法

2014/12/23 PHP

php基础教程

2015/08/26 PHP

laravel项目利用twemproxy部署redis集群的完整步骤

2018/05/11 PHP

Javascript Global对象

2009/08/13 Javascript

JQuery里选择超链接的实现代码

2011/05/22 Javascript

Javascript继承机制的设计思想分享

2011/08/28 Javascript

jQuery基本过滤选择器使用介绍

2013/04/18 Javascript

jquery单行文字向上滚动效果的实现代码

2014/09/05 Javascript

基于jquery ui的alert,confirm方案（支持换肤）

2015/04/03 Javascript

基于javascript实现单选及多选的向右和向左移动实例

2015/07/25 Javascript

js转html实体的方法

2016/09/27 Javascript

js 将canvas生成图片保存,或直接保存一张图片的实现方法

2018/01/02 Javascript

vue 使用axios 数据请求第三方插件的使用教程详解

2019/07/05 Javascript

javascript 数组精简技巧小结

2020/02/26 Javascript

[02:32]“虐狗”镜头慎点 2016国际邀请赛中国区预选赛现场玩家采访

2016/06/28 DOTA

[46:49]完美世界DOTA2联赛PWL S3 access vs Rebirth 第二场 12.19

2020/12/24 DOTA

详细介绍Python函数中的默认参数

2015/03/30 Python

用Python写冒泡排序代码

2016/04/12 Python

Python 脚本获取ES 存储容量的实例

2018/12/27 Python

django框架使用orm实现批量更新数据的方法

2019/06/21 Python

基于Python+Appium实现京东双十一自动领金币功能

2019/10/31 Python

python绘制趋势图的示例

2020/09/17 Python

Django 实现图片上传和下载功能

2020/12/31 Python

新英格兰最大的特色礼品连锁店：The Paper Store

2018/07/23 全球购物

对于没有初始化的变量的初始值可以作怎样的假定

2014/10/12 面试题

《狐假虎威》教学反思

2014/02/07 职场文书

个性发展自我评价

2014/02/11 职场文书

结婚周年感言

2014/02/24 职场文书

三潭印月的导游词

2015/02/12 职场文书

人口与计划生育责任书

2015/05/09 职场文书

小学生安全教育心得体会

2016/01/15 职场文书

使用pycharm运行flask应用程序的详细教程

2021/06/07 Python

MySQL七种JOIN类型小结

2021/10/24 MySQL

Python中np.random.randint()参数详解及用法实例

2022/09/23 Python