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

javascript 写类方式之八

Jul 05 Javascript

JavaScript 原型继承之构造函数继承

Aug 26 Javascript

利用JS进行图片的切换即特效展示图片

Dec 03 Javascript

Js实现动态添加删除Table行示例

Apr 14 Javascript

深入理解JavaScript系列（45）：代码复用模式（避免篇）详解

Mar 04 Javascript

jQuery+ajax实现无刷新级联菜单示例

May 21 Javascript

JS实现图片平面旋转的方法

Mar 01 Javascript

DWR3 访问WEB元素的两种方法实例详解

Jan 03 Javascript

iView框架问题整理小结

Oct 16 Javascript

微信小程序实现图片上传

May 23 Javascript

layui table 获取分页 limit的方法

Sep 20 Javascript

vue基础知识--axios合并请求和slot

Jun 04 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

Can't create/write to file 'C:\WINDOWS\TEMP\...MYSQL报错解决方法

2011/06/30 PHP

如何在Ubuntu下启动Apache的Rewrite功能

2013/07/05 PHP

laravel框架模型中非静态方法也能静态调用的原理分析

2019/11/23 PHP

javascript 定义新对象方法

2010/02/20 Javascript

基于jquery的inputlimiter 实现字数限制功能

2010/05/30 Javascript

ext前台接收action传过来的json数据示例

2014/06/17 Javascript

轻松创建nodejs服务器（1）：一个简单nodejs服务器例子

2014/12/18 NodeJs

jQuery插件Skippr实现焦点图幻灯片特效

2015/04/12 Javascript

angular.bind使用心得

2015/10/26 Javascript

使用JavaScript实现ajax的实例代码

2016/05/11 Javascript

JavaScript知识点总结(十六)之Javascript闭包（Closure）代码详解

2016/05/31 Javascript

jQuery Easyui使用(一)之可折叠面板的布局手风琴菜单

2016/08/17 Javascript

JavaScript“尽快失败”的原则实例详解

2016/10/08 Javascript

JS实现JSON.stringify的实例代码讲解

2017/02/07 Javascript

Angularjs+bootstrap+table多选（全选）支持单击行选中实现编辑、删除功能

2017/03/27 Javascript

Angular2开发——组件规划篇

2017/03/28 Javascript

vue-router 导航钩子的具体使用方法

2017/08/31 Javascript

JavaScript+Canvas实现彩色图片转换成黑白图片的方法分析

2018/07/31 Javascript

对Vue.js之事件的绑定(v-on: 或者 @ )详解

2018/09/15 Javascript

实现vuex原理的示例

2020/10/21 Javascript

WebStorm无法正确识别Vue3组合式API的解决方案

2021/02/18 Vue.js

[02:27]DOTA2英雄基础教程莱恩

2014/01/17 DOTA

[42:50]NB vs VP 2018国际邀请赛小组赛BO2 第二场 8.18

2018/08/19 DOTA

Python中的高级数据结构详解

2015/03/27 Python

Python如何抓取天猫商品详细信息及交易记录

2018/02/23 Python

python爬虫之urllib3的使用示例

2018/07/09 Python

Python彻底删除文件夹及其子文件方式

2019/12/23 Python

如何通过Python实现RabbitMQ延迟队列

2020/11/28 Python

基于pycharm 项目和项目文件命名规则的介绍

2021/01/15 Python

介绍一下linux的文件权限

2012/02/15 面试题

亲子运动会的活动方案

2014/08/17 职场文书

党员批评与自我批评总结

2014/10/15 职场文书

汽车质检员岗位职责

2015/04/08 职场文书

数学复习课教学反思

2016/02/18 职场文书

Python 批量下载阴阳师网站壁纸

2021/05/19 Python

Golang 链表的学习和使用

2022/04/19 Golang