脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JS使用oumousemove和oumouseout动态改变图片显示

JS使用oumousemove和oumouseout动态改变图片显示的方法

 更新时间：2015年03月31日 15:22:40   作者：欧阳不疯  
这篇文章主要介绍了JS使用oumousemove和oumouseout动态改变图片显示的方法,涉及javascript鼠标事件及图片操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了JS使用oumousemove和oumouseout动态改变图片显示的方法。分享给大家供大家参考。具体如下：

鼠标放到图片上时图片会自动变大，鼠标离开图片还原

<!DOCTYPE html>
<html>
<head>
<script>
function bigImg(x)
{
x.style.height="64px";
x.style.width="64px";
}
function normalImg(x)
{
x.style.height="32px";
x.style.width="32px";
}
</script>
</head>
<body>
<img onmouseover="bigImg(this)" onmouseout="normalImg(this)"
border="0" src="smiley.gif" alt="Smiley" width="32" height="32">
<p>The function bigImg() is triggered when the user moves
the mouse pointer over the image.</p>
<p>The function normalImg() is triggered when the mouse
pointer is moved out of the image.</p>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

您可能感兴趣的文章:

相关文章

  • JS 实现导航栏悬停效果

    JS 实现导航栏悬停效果

    使用js实现的导航栏悬停效果在IE上，滚动滚动条或者鼠标滚轮的时候，导航栏会抖动;而在Chrome和FF上有没有任何问题
    2013-09-09
  • 浅谈JS正则表达式的RegExp对象和括号的使用

    浅谈JS正则表达式的RegExp对象和括号的使用

    下面小编就为大家带来一篇浅谈JS正则表达式的RegExp对象和括号的使用。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • csdn 批量接受好友邀请

    csdn 批量接受好友邀请

    说实话，加好友的太多了，怎么办，想个批量的办法吧
    2009-02-02
  • JS简单实现禁止访问某个页面的方法

    JS简单实现禁止访问某个页面的方法

    这篇文章主要介绍了JS简单实现禁止访问某个页面的方法,涉及基本的页面跳转操作技巧,需要的朋友可以参考下
    2016-09-09
  • JS 9个Promise面试题

    JS 9个Promise面试题

    这篇文章主要介绍了JS 9个Promise面试题，对异步Promise感兴趣的同学，可以参考下
    2021-05-05
  • 利用JS实现机器人总动员小游戏

    利用JS实现机器人总动员小游戏

    这篇文章主要介绍了如何利用HTML+CSS+JS编写一个机器人总动员小游戏,代码简单易懂对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
    2022-11-11
  • layui select动态添加option的实例

    layui select动态添加option的实例

    下面小编就为大家分享一篇layui select动态添加option的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2018-03-03
  • js实现显示手机号码效果

    js实现显示手机号码效果

    本文主要介绍了js实现显示手机号码效果的实例，具有很好的参考价值。下面跟着小编一起来看下吧
    2017-03-03
  • js点击选择文本的方法

    js点击选择文本的方法

    这篇文章主要介绍了js点击选择文本的方法,涉及针对html节点的操作与选中技巧,非常具有实用价值,需要的朋友可以参考下
    2015-02-02
  • js中的eventType事件及其浏览器支持性介绍

    js中的eventType事件及其浏览器支持性介绍

    js中的eventType事件想必大家都不陌生吧，下面为大家详细介绍下一般的事情及浏览器支持性，感兴趣的朋友可以参考下
    2013-11-11

最新评论