脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JavaScript鼠标滑过图片变换效果

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

您可能感兴趣的文章:

相关文章

  • Javascript的表单验证-揭开正则表达式的面纱

    Javascript的表单验证-揭开正则表达式的面纱

    Javascript的表单验证-揭开正则表达式的面纱在本文重点介绍，感兴趣的朋友一起学习吧
    2016-03-03
  • 自定义require函数让浏览器按需加载Js文件

    自定义require函数让浏览器按需加载Js文件

    可能很多人看到这个题目就会想到LABjs、RequireJS、SeaJS... 这些库，但无奈小编没用过这些库，什么 AMD 、CMD 哪来那么多术语... 前端的库太多了，要看各种乱七八糟的文档，好难啊，还不如自己写一个库呢。于是就有了这文章，有需要的朋友们下面来一起学习学习吧。
    2016-11-11
  • JS如何设置iOS中微信浏览器的title

    JS如何设置iOS中微信浏览器的title

    本文给大家分享js设置ios中微信浏览器中的title的解决方法，实现原理比较简单，对js微信浏览器title相关知识感兴趣的朋友一起通过本文学习吧
    2016-11-11
  • js中??是什么意思(示例场景)

    js中??是什么意思(示例场景)

    ?? 是一个非常有用的运算符,特别适合在需要区分 null/undefined 和其他假值的场景中使用,它可以帮助你更精确地处理默认值逻辑,本文给大家介绍js中??是什么意思,感兴趣的朋友一起看看吧
    2025-04-04
  • JS+CSS实现大气清新的滑动菜单效果代码

    JS+CSS实现大气清新的滑动菜单效果代码

    这篇文章主要介绍了JS+CSS实现大气清新的滑动菜单效果代码,通过鼠标事件结合定时函数实现页面元素动态变换的效果,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-10-10
  • js输出数据精确到小数点后n位代码

    js输出数据精确到小数点后n位代码

    要保留小数点后N位的问题，经过一番思索，终于解决了，这篇文章主要介绍了js输出数据精确到小数点后n位代码，感兴趣的朋友可以参考一下
    2016-07-07
  • Flutter 超实用简单菜单弹出框 PopupMenuButton功能

    Flutter 超实用简单菜单弹出框 PopupMenuButton功能

    这篇文章主要介绍了Flutter 超实用简单菜单弹出框 PopupMenuButton功能，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-08-08
  • IE6下JS动态设置图片src地址问题

    IE6下JS动态设置图片src地址问题

    解决IE6下JS动态设置图片IMG的SRC时图片无法加载错误的方法
    2010-01-01
  • javascript基础练习之翻转字符串与回文

    javascript基础练习之翻转字符串与回文

    最近在学习的时候到了基础算法这一章节，让我对js内置对象方法的掌握还有思维逻辑都得到了提升，所借此机会来写一写学习心得和总结。下面这篇文章主要介绍了利用javascript实现翻转字符串与回文的相关资料，需要的朋友可以参考借鉴，下面来一起看看吧。
    2017-02-02
  • 学习使用Bootstrap输入框、导航、分页等常用组件

    学习使用Bootstrap输入框、导航、分页等常用组件

    这篇文章主要教大家学习使用Bootstrap输入框、导航、分页等常用组件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-05-05

最新评论