编程 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浏览器的event事件兼容性汇总

Dec 06 Javascript

你需要知道的10个最佳javascript开发实践小结

Apr 15 Javascript

页面回到顶部的三种实现(锚标记，js)

Oct 01 Javascript

jquery得到iframe src属性值的方法

Sep 25 Javascript

JavaScript使用slice函数获取数组部分元素的方法

Apr 06 Javascript

JavaScript更改字符串的大小写

May 07 Javascript

javascript与jquery动态创建html元素示例

Jul 25 Javascript

第一次接触神奇的Bootstrap

Oct 14 Javascript

js监听input输入框值的实时变化实例

Jan 26 Javascript

vue小图标favicon不显示的解决方案

Sep 19 Javascript

解决html-jquery/js引用外部图片时遇到看不了或出现403的问题

Sep 22 jQuery

使用Canvas绘制一个游戏人物属性图

Mar 25 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