编程 Javascript

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

Posted in Javascript onMarch 31, 2015

本文实例讲述了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使用oumousemove和oumouseout动态改变图片显示的方法

- Author -

欧阳不疯

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

js 绑定带参数的事件以及手动触发事件

Apr 27 Javascript

解析jquery获取父窗口的元素

Jun 26 Javascript

js实现从数组里随机获取元素

Jan 12 Javascript

JavaScript中利用各种循环进行遍历的方式总结

Nov 10 Javascript

javascript实现图片左右滚动效果【可自动滚动，有左右按钮】

Sep 19 Javascript

js实现返回顶部效果

Mar 10 Javascript

pm2 部署 node的三种方法示例

Oct 20 Javascript

React Native 搭建开发环境的方法步骤

Oct 30 Javascript

深入理解vue中的slot与slot-scope

Apr 22 Javascript

vue跳转同一个组件,参数不同,页面接收值只接收一次的解决方法

Nov 05 Javascript

深入分析jQuery.one() 函数

Jun 03 jQuery

JS前端可视化canvas动画原理及其推导实现

Aug 05 Javascript

js使用onmousemove和onmouseout获取鼠标坐标的方法

Mar 31 #Javascript

JS显示下拉列表框内全部元素的方法

Mar 31 #Javascript

JS动态改变表格边框宽度的方法

Mar 31 #Javascript

60行js代码实现俄罗斯方块

Mar 31 #Javascript

JS动态修改表格cellPadding和cellSpacing的方法

Mar 31 #Javascript

js实现的牛顿摆效果

Mar 31 #Javascript

JS动态显示表格上下frame的方法

Mar 31 #Javascript

You might like

php设计模式 Interpreter(解释器模式)

2011/06/26 PHP

php实现ip白名单黑名单功能

2015/03/12 PHP

一个简单的php MVC留言本实例代码(必看篇)

2016/09/22 PHP

PHP实现文件上传功能实例代码

2017/05/18 PHP

ThinkPHP整合datatables实现服务端分页的示例代码

2018/02/10 PHP

thinkPHP5框架实现多数据库连接，跨数据连接查询操作示例

2019/05/29 PHP

JS 继承实例分析

2008/11/04 Javascript

JavaScript学习笔记（十）

2010/01/17 Javascript

JS嵌套函数调用上下文的问题解决

2014/03/26 Javascript

jQuery弹出层插件Lightbox_me使用指南

2015/04/21 Javascript

原生js实现放大镜效果

2017/01/11 Javascript

微信小程序中的onLoad详解及简单实例

2017/04/05 Javascript

JavaScript闭包的简单应用

2017/09/01 Javascript

jQuery封装animate.css的实例

2018/01/04 jQuery

Vue 动态设置路由参数的案例分析

2018/04/24 Javascript

Vue中的情侣属性$dispatch和$broadcast详解

2019/03/07 Javascript

vue 表单之通过v-model绑定单选按钮radio

2019/05/13 Javascript

JQuery的加载和选择器用法简单示例

2019/05/13 jQuery

JavaScript中的null和undefined用法解析

2019/09/30 Javascript

vue实现图片上传到后台

2020/06/29 Javascript

vue 组件间的通信之子组件向父组件传值的方式

2020/07/29 Javascript

如何HttpServletRequest文件对象并储存

2020/08/14 Javascript

python实现文本去重且不打乱原本顺序

2016/01/26 Python

Pycharm技巧之代码跳转该如何回退

2017/07/16 Python

Python中一些不为人知的基础技巧总结

2018/05/19 Python

Python笔记之代理模式

2019/11/20 Python

Python基于jieba, wordcloud库生成中文词云

2020/05/13 Python

Keras 利用sklearn的ROC-AUC建立评价函数详解

2020/06/15 Python

Python爬取微信小程序通用方法代码实例详解

2020/09/29 Python

巴西最好的男鞋：Rafarillo

2018/05/25 全球购物

俄罗斯韩国化妆品网上商店：Cosmasi.ru

2019/10/31 全球购物

LUISAVIAROMA德国官网：时尚奢侈品牌购物网站

2020/11/12 全球购物

数控专业应届生求职信

2013/11/27 职场文书

演讲稿格式范文

2014/05/19 职场文书

应聘护士求职信

2014/07/21 职场文书

倡议书的写法

2014/08/30 职场文书