编程 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 相关文章推荐

用Javascript读取中文COOKIE的解决办法

Feb 15 Javascript

js中onload与onunload的使用示例

Aug 25 Javascript

JavaScript实现cookie的写入、读取、删除功能

Nov 05 Javascript

Bootstrap 最常用的JS插件系列总结（图片轮播、标签切换等）

Jul 14 Javascript

利用jsonp与代理服务器方案解决跨域问题

Sep 14 Javascript

Vue + Vue-router 同名路由切换数据不更新的方法

Nov 20 Javascript

JS正则表达式常见用法实例详解

Jun 19 Javascript

Vue.js结合bootstrap前端实现分页和排序效果

Dec 29 Javascript

vuejs简单验证码功能完整示例

Jan 08 Javascript

微信小程序封装的HTTP请求示例【附升级版】

May 11 Javascript

webpack 最佳配置指北(推荐)

Jan 07 Javascript

小程序组件传值和引入sass的方法(使用vant Weapp组件库)

Nov 24 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错误提示的关闭方法详解

2013/06/23 PHP

解析获取优酷视频真实下载地址的PHP源代码

2013/06/26 PHP

从零开始学YII2框架（二）通过 Composer 安装扩展插件

2014/08/20 PHP

php过滤HTML标签、属性等正则表达式汇总

2014/09/22 PHP

JavaScript类和继承 this属性使用说明

2010/09/03 Javascript

js与jquery中获取当前鼠标的x、y坐标位置的代码

2011/05/23 Javascript

JavaScript中跨域调用Flash的方法

2014/08/11 Javascript

javascript继承的六大模式小结

2015/04/13 Javascript

JavaScript实现页面5秒后自动跳转的方法

2015/04/16 Javascript

深入理解关于javascript中apply()和call()方法的区别

2016/04/12 Javascript

JS组件系列之Bootstrap table表格组件神器【二、父子表和行列调序】

2016/05/10 Javascript

谈谈jQuery之Deferred源码剖析

2016/12/19 Javascript

javascript表单正则应用

2017/02/04 Javascript

微信小程序下拉菜单的实现

2017/04/06 Javascript

vue 使用axios 数据请求第三方插件的使用教程详解

2019/07/05 Javascript

webpack常用配置总览(小结)

2019/11/18 Javascript

[42:11]TNC vs Pain 2018国际邀请赛小组赛BO2 第二场 8.17

2018/08/20 DOTA

Python最基本的输入输出详解

2015/04/25 Python

实现python版本的按任意键继续/退出

2016/09/26 Python

利用Python爬虫给孩子起个好名字

2017/02/14 Python

Python中对数组集进行按行打乱shuffle的方法

2018/11/08 Python

python selenium firefox使用详解

2019/02/26 Python

ORM Django 终端打印 SQL 语句实现解析

2019/08/09 Python

python用requests实现http请求代码实例

2019/10/31 Python

Python matplotlib修改默认字体的操作

2020/03/05 Python

终于搞懂了Keras中multiloss的对应关系介绍

2020/06/22 Python

Python实现上下文管理器的方法

2020/08/07 Python

Python3+Django get/post请求实现教程详解

2021/02/16 Python

做一个能自适应高度的textarea的示例代码

2019/09/06 HTML / CSS

html5自定义video标签的海报与播放按钮功能

2019/12/04 HTML / CSS

德国低价购买灯具和家具网站：Style-home.de

2016/11/25 全球购物

PatPat德国：妈妈的每日优惠

2019/10/02 全球购物

董事长助理岗位职责

2014/02/18 职场文书

银行岗位培训心得体会

2016/01/09 职场文书

NGINX 权限控制文件预览和下载的实现原理

2022/01/18 Servers

Z-Order加速Hudi大规模数据集方案分析

2022/03/31 Servers