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

五个jQuery图片画廊插件推荐

May 12 Javascript

javascript学习笔记(十三) js闭包介绍(转)

Jun 20 Javascript

javascript获取所有同类checkbox选项(实例代码)

Nov 07 Javascript

js 通过cookie实现刷新不变化树形菜单

Oct 30 Javascript

Js 正则表达式知识汇总

Dec 02 Javascript

javascript的push使用指南

Dec 05 Javascript

漫谈JS引擎的运行机制你应该知道什么

Jun 15 Javascript

JS组件系列之MVVM组件构建自己的Vue组件

Apr 28 Javascript

Vue2单一事件管理组件通信

May 09 Javascript

JS回调函数原理与用法详解【附PHP回调函数】

Jul 20 Javascript

Vue CLI3移动端适配(px2rem或postcss-plugin-px2rem)

Apr 27 Javascript

最全vue的vue-amap使用高德地图插件画多边形范围的示例代码

Jul 17 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旋转图片90度的方法

2013/11/07 PHP

让回调函数 showResponse 也带上参数的代码

2007/08/13 Javascript

jQuery焦点图切换特效插件封装实例

2013/08/18 Javascript

js中同步与异步处理的方法和区别总结

2013/12/25 Javascript

EasyUI中combobox默认值注意事项

2015/03/01 Javascript

javascript截取字符串小结

2015/04/28 Javascript

学习javascript的闭包,原型,和匿名函数之旅

2015/10/18 Javascript

使用EVAL处理jqchart jquery 折线图返回数据无效的解决办法

2015/11/26 Javascript

jquery ztree实现模糊搜索功能

2016/02/25 Javascript

JS中的作用域链

2017/03/01 Javascript

jq源码解析之绑在$,jQuery上面的方法(实例讲解)

2017/10/13 jQuery

Electron 打包问题:electron-builder 下载各种依赖出错(推荐)

2020/07/09 Javascript

利用vue3+ts实现管理后台（增删改查）

2020/10/30 Javascript

addEventListener()和removeEventListener()追加事件和删除追加事件

2020/12/04 Javascript

Vue实现手机号、验证码登录（60s禁用倒计时）

2020/12/19 Vue.js

[01:42]TI4西雅图DOTA2前线报道第一顿早饭哦

2014/07/08 DOTA

高性能web服务器框架Tornado简单实现restful接口及开发实例

2014/07/16 Python

Python socket编程实例详解

2015/05/27 Python

详解Python if-elif-else知识点

2018/06/11 Python

python基于itchat模块实现微信防撤回

2019/04/29 Python

python替换字符串中的子串图文步骤

2019/06/19 Python

Python读取VOC中的xml目标框实例

2020/03/10 Python

Nike台湾官方商店：Nike.com (TW)

2017/08/16 全球购物

SEPHORA丝芙兰捷克官网：购买香水、化妆品和护肤品

2018/11/26 全球购物

俄罗斯购买剧院和演唱会门票网站：Parter.ru

2019/11/09 全球购物

如何开发一个JQuery插件

2016/07/28 面试题

自荐信的禁忌和要点

2013/10/15 职场文书

特色冷饮店创业计划书

2014/01/28 职场文书

怎样填写就业意向

2014/04/02 职场文书

图书馆志愿者活动总结

2014/06/27 职场文书

公司证明怎么写

2014/09/22 职场文书

离婚协议书范本2014

2014/10/27 职场文书

2014年计划生育协会工作总结

2014/11/14 职场文书

贷款担保书范本

2015/09/22 职场文书

据Python爬虫不靠谱预测可知今年双十一销售额将超过6000亿元

2021/11/11 Python

Python实战之大鱼吃小鱼游戏的实现

2022/04/01 Python