JavaScript实现鼠标滑过图片变换效果的方法
更新时间：2015年04月16日 11:41:15 作者：lele
这篇文章主要介绍了JavaScript实现鼠标滑过图片变换效果的方法,涉及javascript控制鼠标事件及样式变换的技巧,非常具有实用价值,需要的朋友可以参考下
本文实例讲述了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程序设计有所帮助。
相关文章
webpack中的filename 和 chunkFilename 的区别实例解析
filename 指列在 entry 中,打包后输出的文件的名称,chunkFilename 指未列在 entry 中,却又需要被打包出来的文件的名称,这篇文章主要介绍了webpack中的filename 和 chunkFilename 的区别实例解析,需要的朋友可以参考下2023-11-11
繁简字转换功能...2006-07-07
这篇文章主要给大家介绍了关于uniapp上传图片和上传视频的实现方法,文中还介绍了上传文件的方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-01-01
这篇文章主要介绍了JavaScript常用脚本汇总系列的第一篇，给大家分享的是jquery限制文本框只能输入数字、封装DOMContentLoaded事件、用原生JS对AJAX做简单封装、跨域请求之JSONP、千分位格式化，有需要的小伙伴们参考下吧。2015-03-03
这篇文章主要介绍了微信小程序中进行地图导航功能的实现方法,需要的朋友可以参考下2018-06-06
大家好，本篇文章主要讲的是JavaScript中深拷贝与浅拷贝详解，感兴趣的同学赶快来看一看吧，对你有帮助的话记得收藏一下2022-02-02
数组如何求最大值,想必很多的朋友都不会吧,下面这篇文章主要给大家介绍了关于js求数组最大值的常用方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-07-07
这篇文章主要介绍了JavaScript迭代器的含义及用法,迭代器就是为实现对不同集合进行统一遍历操作的一种机制，只要给需要遍历的数据结构部署Iterator接口，通过调用该接口，或者使用消耗该接口的API实现遍历操作。,需要的朋友可以参考下2019-06-06
这篇文章主要介绍了微信小程序基于高德地图API实现天气组件(动态效果)，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-10-10
这篇文章主要介绍了js控制div弹出层实现方法,可实现点击链接弹出div浮动层,且背景色变暗的效果,是一款非常实用的特效源码,需要的朋友可以参考下2015-05-05
最新评论