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

多个iframe自动调整大小的问题

Sep 18 Javascript

通过隐藏option实现select的联动效果

Nov 10 Javascript

FileUpload 控件禁止手动输入或粘贴的实现代码

Apr 07 Javascript

使用cluster 将自己的Node服务器扩展为多线程服务器

Nov 10 Javascript

jQuery中append()方法用法实例

Dec 25 Javascript

JQuery在循环中绑定事件的问题详解

Jun 02 Javascript

JavaScript页面实时显示当前时间实例代码

Oct 23 Javascript

jQuery实现分页功能（含ajax请求、后台数据、附完整demo）

Apr 03 jQuery

layui中table表头样式修改方法

Aug 15 Javascript

小程序清理本地缓存的方法

Aug 17 Javascript

JavaScript如何实现图片处理与合成

May 29 Javascript

Openlayers显示瓦片网格信息的方法

Sep 28 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 如何利用phpexcel导入数据库

2013/08/24 PHP

PHP获取photoshop写入图片文字信息的方法

2015/03/31 PHP

php动态绑定变量的用法

2015/06/16 PHP

PHP中Http协议post请求参数

2015/11/02 PHP

thinkphp框架实现删除和批量删除

2016/06/29 PHP

Yii针对添加行的增删改查操作示例

2016/10/18 PHP

ExtJS Store的数据访问与更新问题

2010/04/28 Javascript

JS Loading功能的简单实现

2013/11/29 Javascript

javascript浏览器窗口之间传递数据的方法

2015/01/20 Javascript

javascript实现鼠标移到Image上方时显示文字效果的方法

2015/08/07 Javascript

JavaScript的React Web库的理念剖析及基础上手指南

2016/05/10 Javascript

jquery.tableSort.js表格排序插件使用方法详解

2020/08/12 Javascript

Javascript中类式继承和原型式继承的实现方法和区别之处

2017/04/25 Javascript

JS实现移动端按首字母检索城市列表附源码下载

2017/07/05 Javascript

让bootstrap的carousel支持滑动滚屏的实现代码

2017/11/27 Javascript

vue表单自定义校验规则介绍

2018/08/28 Javascript

关于Vue源码vm.$watch()内部原理详解

2019/04/26 Javascript

Element-ui中元素滚动时el-option超出元素区域的问题

2019/05/30 Javascript

微信小程序实现上传多张图片、删除图片

2020/07/29 Javascript

[01:02:20]Mineski vs TNC 2019国际邀请赛小组赛 BO2 第二场 8.15

2019/08/16 DOTA

Python调用C/C++动态链接库的方法详解

2014/07/22 Python

用Python编写一个国际象棋AI程序

2014/11/28 Python

python中的lambda表达式用法详解

2016/06/22 Python

解决Python命令行下退格,删除,方向键乱码(亲测有效)

2020/01/16 Python

python如何查看网页代码

2020/06/07 Python

曼联官方网上商店：Manchester United Direct

2017/07/28 全球购物

《赠汪伦》教学反思

2014/04/12 职场文书

团结演讲稿范文

2014/05/23 职场文书

个人委托书范本

2014/09/13 职场文书

纪念九一八事变演讲稿：青少年应树立远大理想

2014/09/14 职场文书

员工激励培训演讲稿

2014/09/16 职场文书

2015年学校后勤工作总结

2015/04/08 职场文书

担保贷款承诺书

2015/04/30 职场文书

2015年幼儿园班务工作总结

2015/05/12 职场文书

生日赠语

2015/06/23 职场文书

小学语文教学随笔

2015/08/14 职场文书