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

setTimeout和setInterval的浏览器兼容性分析

Feb 27 Javascript

为radio类型的INPUT添加客户端脚本(附加实现JS来禁用onClick事件思路代码)

Nov 11 Javascript

菜鸟学习JavaScript小实验之函数引用

Nov 17 Javascript

浅析JavaScript中的delete运算符

Nov 30 Javascript

JavaScript+CSS实现仿天猫侧边网页菜单效果

Aug 25 Javascript

JS中使用apply方法通过不同数量的参数调用函数的方法

May 31 Javascript

jQuery Ajax向服务端传递数组参数值的实例代码

Sep 03 jQuery

js实现以最简单的方式将数组元素添加到对象中的方法

Dec 20 Javascript

tracking.js页面人脸识别插件使用方法

Apr 16 Javascript

JS温故而知新之变量提升和时间死区

Jan 27 Javascript

JavaScript实现点击图片换背景

Nov 20 Javascript

uni-app 自定义底部导航栏的实现

Dec 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的优缺点

2015/07/14 PHP

Phpstorm+Xdebug断点调试PHP的方法

2018/05/14 PHP

PHP回调函数简单用法示例

2019/05/08 PHP

JavaScript 使用技巧精萃(.net html

2009/04/25 Javascript

stream.js 一个很小、完全独立的Javascript类库

2011/10/28 Javascript

jQuery load方法用法集锦

2011/12/06 Javascript

利用javaScript实现点击输入框弹出窗体选择信息

2013/12/11 Javascript

过期软件破解办法实例详解

2017/01/04 Javascript

bootstrap 设置checkbox部分选中效果

2017/04/20 Javascript

vue.js国际化 vue-i18n插件的使用详解

2017/07/07 Javascript

jQuery实现弹窗下底部页面禁止滑动效果

2017/12/19 jQuery

Angular 4.x+Ionic3踩坑之Ionic3.x pop反向传值详解

2018/03/13 Javascript

JavaScript中arguments和this对象用法分析

2018/08/08 Javascript

jQuery表单元素过滤选择器用法实例分析

2019/02/20 jQuery

你不知道的Vue技巧之--开发一个可以通过方法调用的组件(推荐)

2019/04/15 Javascript

nodejs中实现用户注册路由功能

2019/05/20 NodeJs

小程序websocket心跳库(websocket-heartbeat-miniprogram)

2020/02/23 Javascript

vue中移动端调取本地的复制的文本方式

2020/07/18 Javascript

关于better-scroll插件的无法滑动bug(2021通过插件解决)

2021/03/01 Javascript

详细解析Python中__init__()方法的高级应用

2015/05/11 Python

python构建深度神经网络（DNN）

2018/03/10 Python

使用python判断你是青少年还是老年人

2018/11/29 Python

python3实现elasticsearch批量更新数据

2019/12/03 Python

Python打包工具PyInstaller的安装与pycharm配置支持PyInstaller详细方法

2020/02/27 Python

使用jupyter notebook将文件保存为Markdown,HTML等文件格式

2020/04/14 Python

浅谈OpenCV中的新函数connectedComponentsWithStats用法

2020/07/05 Python

Pure Collection美国官网：来自英国羊绒专家的奢华羊绒

2017/11/19 全球购物

大学生应聘推荐信范文

2013/11/19 职场文书

社会工作专业求职信

2014/07/15 职场文书

离婚协议书怎么写

2014/09/12 职场文书

党风廉正建设责任书

2015/01/29 职场文书

律师催款函范文

2015/06/24 职场文书

JavaScript 防篡改对象的用法示例

2021/04/24 Javascript

C站最全Python标准库总结,你想要的都在这里

2021/07/03 Python

如何利用React实现图片识别App

2022/02/18 Javascript

使用Docker容器部署rocketmq单机的全过程

2022/04/03 Servers