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程序设计有所帮助。

Javascript 相关文章推荐
dojo随手记 gird组件引用
Feb 24 Javascript
jquery实现的代替传统checkbox样式插件
Jun 19 Javascript
JavaScript实现图片自动加载的瀑布流效果
Apr 11 Javascript
Jquery为DIV添加click事件的简单实例
Jun 02 Javascript
原生javascript实现图片放大镜效果
Jan 18 Javascript
JavaScript变量作用域_动力节点Java学院整理
Jun 27 Javascript
node.js通过axios实现网络请求的方法
Mar 05 Javascript
浅谈微信页面入口文件被缓存解决方案
Sep 29 Javascript
js的继承方法小结(prototype、call、apply)(推荐)
Apr 17 Javascript
Node.JS在命令行中检查Chrome浏览器是否安装并打开指定网址
May 21 Javascript
微信小程序 冒泡事件原理解析
Sep 27 Javascript
node.js实现简单的压缩/解压缩功能示例
Nov 05 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 超链接 抓取实现代码
2009/06/29 PHP
批量去除PHP文件中bom的PHP代码
2012/03/13 PHP
Smarty日期时间操作方法示例
2016/11/15 PHP
jquery的each方法使用示例分享
2014/03/25 Javascript
网页广告中JS代码的信息监听示例
2014/04/02 Javascript
jQuery实现下滑菜单导航效果代码
2015/08/25 Javascript
深入浅析Bootstrap列表组组件
2016/05/03 Javascript
JS简单实现点击复制链接的方法
2016/08/03 Javascript
javascript宿主对象之window.navigator详解
2016/09/07 Javascript
关于Iframe父页面与子页面之间的相互调用
2016/11/22 Javascript
jQuery中clone()函数实现表单中增加和减少输入项
2017/05/13 jQuery
基于LayUI实现前端分页功能的方法
2017/07/22 Javascript
为什么使用koa2搭建微信第三方公众平台的原因
2018/05/16 Javascript
vue中的适配px2rem示例代码
2018/11/19 Javascript
Vue.js组件props数据验证实现详解
2019/10/19 Javascript
vue v-for 点击当前行,获取当前行数据及event当前事件对象的操作
2020/09/10 Javascript
详解ES6实现类的私有变量的几种写法
2021/02/10 Javascript
python实现多线程采集的2个代码例子
2014/07/07 Python
python实现彩票系统
2020/06/28 Python
Python3爬取英雄联盟英雄皮肤大图实例代码
2018/11/14 Python
对python以16进制打印字节数组的方法详解
2019/01/24 Python
django框架防止XSS注入的方法分析
2019/06/21 Python
python Pandas如何对数据集随机抽样
2019/07/29 Python
Python多线程:主线程等待所有子线程结束代码
2020/04/25 Python
Python常用数字处理基本操作汇总
2020/09/10 Python
波比布朗英国官网:Bobbi Brown英国
2017/11/13 全球购物
KELLER SPORTS荷兰:在线订购最好的运动产品
2020/10/13 全球购物
Feelunique中文官网:欧洲最大化妆品零售电商
2020/07/10 全球购物
Shell如何接收变量输入
2016/08/06 面试题
党的群众路线调研报告
2014/11/03 职场文书
中学社团活动总结
2015/05/07 职场文书
圣贤教育改变命运观后感
2015/06/16 职场文书
婚宴父亲致辞
2015/07/27 职场文书
《用字母表示数》教学反思
2016/02/17 职场文书
php中配置文件保存修改操作 如config.php文件的读取修改等操作
2021/05/12 PHP
《我的美好婚事》动画化决定纪念插画与先导PV公开
2022/04/06 日漫