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

jqPlot jquery的页面图表绘制工具

Jul 25 Javascript

javascript 处理事件绑定的一些兼容写法

Dec 24 Javascript

使用JS取得焦点(focus)元素代码

Mar 22 Javascript

javascript搜索框点击文字消失失焦时文本出现

Sep 18 Javascript

借助FileReader实现将文件编码为Base64后通过AJAX上传

Dec 24 Javascript

原生javascript实现图片无缝滚动效果

Feb 12 Javascript

JavaScript探测CSS动画是否已经完成的方法

Aug 30 Javascript

JQuery validate 验证一个单独的表单元素实例

Feb 17 Javascript

Bootstrap图片轮播效果详解

Oct 17 Javascript

Vue.js实现立体计算器

Feb 22 Javascript

JavaScript 面向对象程序设计详解【类的创建、实例对象、构造函数、原型等】

May 12 Javascript

谈谈JavaScript中的函数

Sep 08 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中检查PHP文件是否有语法错误的方法

2009/12/23 PHP

解决微信授权回调页面域名只能设置一个的问题

2016/12/11 PHP

使用PHPStorm+XDebug搭建单步调试环境

2017/11/19 PHP

laravel高级的Join语法详解以及使用Join多个条件

2019/10/16 PHP

jQuery实现异步获取json数据的2种方式

2014/08/29 Javascript

使用jQuery获得内容以及内容的属性

2015/02/26 Javascript

jQuey将序列化对象在前台显示地实现代码(方法总结)

2016/12/13 Javascript

bootstrap table操作技巧分享

2017/02/15 Javascript

vue.js实现简单轮播图效果

2017/10/10 Javascript

Vue中之nextTick函数源码分析详解

2017/10/17 Javascript

一秒学会微信小程序制作table表格

2019/02/14 Javascript

Vue element-ui父组件控制子组件的表单校验操作

2020/07/17 Javascript

JS如何判断对象是否包含某个属性

2020/08/29 Javascript

解决vue props传Array/Object类型值,子组件报错的情况

2020/11/07 Javascript

[03:02]2020完美世界城市挑战赛（秋季赛）总决赛回顾

2021/03/11 DOTA

Python多线程学习资料

2012/12/19 Python

python中快速进行多个字符替换的方法小结

2016/12/15 Python

使用Python搭建虚拟环境的配置方法

2018/02/28 Python

解决python nohup linux 后台运行输出的问题

2018/05/11 Python

pandas带有重复索引操作方法

2018/06/08 Python

django_orm查询性能优化方法

2018/08/20 Python

Python3.5以上版本lxml导入etree报错的解决方案

2019/06/26 Python

Python数组并集交集补集代码实例

2020/02/18 Python

Django 设置admin后台表和App(应用)为中文名的操作方法

2020/05/10 Python

pycharm软件实现设置自动保存操作

2020/06/08 Python

canvas学习笔记之绘制简单路径

2019/01/28 HTML / CSS

为你的html5网页添加音效示例

2014/04/03 HTML / CSS

韩国女装NO.1网店：STYLENANDA

2016/09/16 全球购物

香港草莓网：Strawberrynet香港

2019/05/10 全球购物

毕业生个人的自我评价优秀范文

2013/10/03 职场文书

可口可乐广告词

2014/03/20 职场文书

2015年宣传部部长竞选演讲稿

2014/11/28 职场文书

美术教师个人总结

2015/02/06 职场文书

财务稽核岗位职责

2015/04/13 职场文书

JavaScript获取URL参数的方法分享

2022/04/07 Javascript

MyBatis核心源码深度剖析SQL语句执行过程

2022/05/20 Java/Android