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

IE与FireFox的兼容性问题分析

Apr 22 Javascript

jQuery弹出(alert)select选择的值

Apr 21 Javascript

JS+CSS实现淡入式焦点图片幻灯切换效果的方法

Feb 26 Javascript

jQuery实现模仿微博下拉滚动条加载数据效果

Dec 25 Javascript

javascript实现简单的全选和反选功能

Jan 05 Javascript

全面解析DOM操作和jQuery实现选项移动操作代码分享

Jun 07 Javascript

使用ionic在首页新闻中应用到的跑马灯效果的实现方法

Feb 13 Javascript

QQ跳转支付宝并自动领红包脚本（最新）

Jun 22 Javascript

js中自定义react数据验证组件实例详解

Oct 19 Javascript

深入浅出 Vue 系列 -- 数据劫持实现原理

Apr 23 Javascript

通过vue写一个瀑布流插件代码实例

Sep 07 Javascript

使用compose函数优化代码提高可读性及扩展性

Jun 16 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的ob缓存机制实现页面静态化方法

2017/07/09 PHP

javascript 动态参数判空操作

2008/12/22 Javascript

jquery DOM操作基于命令改变页面

2010/05/06 Javascript

基于jquery的获取浏览器窗口大小的代码

2011/03/28 Javascript

利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域

2013/12/14 Javascript

浅谈NodeJS中require路径问题

2015/05/07 NodeJs

jquery读取xml文件实现省市县三级联动的方法

2015/05/29 Javascript

异步JS框架的作用以及实现方法

2015/10/29 Javascript

使用javascript插入样式

2016/03/14 Javascript

nuxt框架中路由鉴权之Koa和Session的用法

2018/05/09 Javascript

php中and 和 &&出坑指南

2018/07/13 Javascript

Webpack4+Babel7+ES6兼容IE8的实现

2019/04/10 Javascript

送你43道JS面试题(收藏)

2019/06/17 Javascript

layer实现弹出层自动调节位置

2019/09/05 Javascript

JS扁平化输出数组的2种方法解析

2019/09/17 Javascript

Vue 实现CLI 3.0 + momentjs + lodash打包时优化

2019/11/13 Javascript

[42:52]Optic vs Serenity 2018国际邀请赛淘汰赛BO3 第二场 8.22

2018/08/23 DOTA

让python同时兼容python2和python3的8个技巧分享

2014/07/11 Python

Python 执行字符串表达式函数(eval exec execfile)

2014/08/11 Python

Python的Flask框架中web表单的教程

2015/04/20 Python

python3的url编码和解码,自定义gbk、utf-8的例子

2019/08/22 Python

python图形开发GUI库wxpython使用方法详解

2020/02/14 Python

Django REST framwork的权限验证实例

2020/04/02 Python

雅诗兰黛旗下走天然植物路线的彩妆品牌：Prescriptives

2016/08/14 全球购物

加拿大高尔夫超市：Golf Town

2018/01/12 全球购物

美国CVS药店官网：CVS Pharmacy

2018/07/26 全球购物

乌克兰数字设备、配件和智能技术的连锁商店：KTC

2020/08/18 全球购物

斯洛伐克电子产品购物网站：DATART

2020/04/05 全球购物

Trench London官方网站：高级风衣和意大利皮夹克

2020/07/11 全球购物

大学生实习期自我评价范文

2013/10/03 职场文书

聊城大学毕业生自荐书

2014/02/01 职场文书

2014年五一劳动节社区活动总结

2014/04/14 职场文书

医院护士见习期自我鉴定

2014/09/15 职场文书

2016年世界艾滋病日宣传活动总结

2016/04/01 职场文书

公文写作：教你写“建议书”

2019/05/07 职场文书

解决go在函数退出后子协程的退出问题

2021/04/30 Golang