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

FF IE兼容性的修改小结

Sep 02 Javascript

js数组转json并在后台对其解析具体实现

Nov 20 Javascript

js的隐含参数(arguments,callee,caller)使用方法

Jan 28 Javascript

js打开windows上的可执行文件示例

May 27 Javascript

seaJs的模块定义和模块加载浅析

Jun 06 Javascript

js获取当前年月日-YYYYmmDD格式的实现代码

Jun 01 Javascript

javascript运算符——位运算符全面介绍

Jul 14 Javascript

JavaScript每天必学之数组和对象部分

Sep 17 Javascript

创建一般js对象的几种方式

Jan 19 Javascript

Vue数据绑定实例写法

Aug 06 Javascript

jQuery单页面文字搜索插件jquery.fullsearch.js的使用方法

Feb 04 jQuery

Vue实现穿梭框效果

Sep 30 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程序实现支持页面后退的两种方法

2008/06/30 PHP

php制作中间带自己定义图片二维码的方法

2014/01/27 PHP

总结PHP删除字符串最后一个字符的三种方法

2016/08/30 PHP

phpcms中的评论样式修改方法

2016/10/21 PHP

PHP实现唤起微信支付功能

2019/02/18 PHP

php中使用array_filter()函数过滤数组实例讲解

2021/03/03 PHP

JavaScript事件列表解说

2006/12/22 Javascript

判断目标是否是window,document,和拥有tagName的Element的代码

2010/05/31 Javascript

(jQuery,mootools,dojo)使用适合自己的编程别名命名

2010/09/14 Javascript

一个简单的Ext.XTemplate的实例代码

2012/03/18 Javascript

使用javascipt---实现二分查找法

2013/04/10 Javascript

JavaScript代码编写中各种各样的坑和填坑方法

2014/06/06 Javascript

DOM基础教程之使用DOM设置文本框

2015/01/20 Javascript

JavaScript实现强制重定向至HTTPS页面

2015/06/10 Javascript

JavaScript返回上一页的三种方法及区别介绍

2015/07/04 Javascript

JS实现漂亮的淡蓝色滑动门效果代码

2015/09/23 Javascript

js获取iframe中的window对象的实现方法

2016/05/20 Javascript

Vue.js Ajax动态参数与列表显示实现方法

2016/10/20 Javascript

Vue的移动端多图上传插件vue-easy-uploader的示例代码

2017/11/27 Javascript

node app 打包工具pkg的具体使用

2019/01/17 Javascript

layui 实现二级弹窗弹出之后关闭一级弹窗的方法

2019/09/18 Javascript

mpvue网易云短信接口实现小程序短信登录的示例代码

2020/04/03 Javascript

如何实现js拖拽效果及原理解析

2020/05/08 Javascript

原生JS实现无缝轮播图片

2020/06/24 Javascript

浅谈vue使用axios的回调函数中this不指向vue实例,为undefined

2020/09/21 Javascript

[13:40]TI3青蛙君全程回顾 DOTA2我们为梦想再战

2013/09/13 DOTA

[02:16]DOTA2超级联赛专访Burning 逆袭需要抓住机会

2013/06/24 DOTA

简单介绍Python下自己编写web框架的一些要点

2015/04/29 Python

Python多重继承的方法解析执行顺序实例分析

2018/05/26 Python

python 二维数组90度旋转的方法

2019/01/28 Python

后端开发使用pycharm的技巧(推荐)

2020/03/27 Python

Django多层嵌套ManyToMany字段ORM操作详解

2020/05/19 Python

马德里著名的运动鞋商店：NOIRFONCE

2019/04/12 全球购物

九年级化学教学反思

2014/01/28 职场文书

九年级化学教学反思

2016/02/22 职场文书

使用canvas对video视频某一刻截图功能

2021/09/25 HTML / CSS