编程 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实现的网页局布刷新效果

Dec 01 Javascript

js正确获取元素样式详解

Aug 07 Javascript

Mootools 1.2教程滑动效果（Slide）

Sep 15 Javascript

JavaScript中的Math 使用介绍

Apr 21 Javascript

node.js中的path.sep方法使用说明

Dec 08 Javascript

javascript面向对象快速入门实例

Jan 13 Javascript

JavaScript中使用自然对数ln的方法

Jun 14 Javascript

JavaScript中数组继承的简单示例

Jul 29 Javascript

JS克隆，属性，数组，对象，函数实例分析

Nov 26 Javascript

js仿新浪微博消息发布功能

Feb 17 Javascript

Javascript操作dom对象之select全面解析

Apr 24 Javascript

Vue将页面导出为图片或者PDF

Aug 17 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操作路径的经典方法(必看篇)

2016/10/04 PHP

(jQuery,mootools,dojo)使用适合自己的编程别名命名

2010/09/14 Javascript

JavaScript中的Array对象使用说明

2011/01/17 Javascript

js拦截alert对话框另类应用

2013/01/16 Javascript

jQuery的$.proxy()应用示例介绍

2014/04/03 Javascript

javascript中if和switch，==和===详解

2015/07/30 Javascript

jQuery解析json格式数据简单实例

2016/01/22 Javascript

sencha ext js 6 快速入门(必看)

2016/06/01 Javascript

JavaScript算法系列之快速排序（Quicksort）算法实例详解

2016/09/04 Javascript

react.js 翻页插件实例代码

2017/01/19 Javascript

使用vue框架 Ajax获取数据列表并用BootStrap显示出来

2017/04/24 Javascript

JavaScript中三个等号和两个等号你了解多少

2017/07/04 Javascript

jquery传参及获取方式(两种方式)

2020/02/13 jQuery

JavaScript实现移动端带transition动画的轮播效果

2020/03/24 Javascript

jQuery实现鼠标滑动切换图片

2020/05/27 jQuery

如何在微信小程序中使用骨架屏的步骤

2020/06/12 Javascript

js实现鼠标拖曳效果

2020/12/30 Javascript

[04:44]显微镜下的DOTA2第二期——你所没有注意到的细节

2014/06/20 DOTA

python缩进区别分析

2014/02/15 Python

Python写的创建文件夹自定义函数mkdir()

2014/08/25 Python

Python多进程同步Lock、Semaphore、Event实例

2014/11/21 Python

Python中的Classes和Metaclasses详解

2015/04/02 Python

探究python中open函数的使用

2016/03/01 Python

python-docx修改已存在的Word文档的表格的字体格式方法

2018/05/08 Python

Python列表切片操作实例总结

2019/02/19 Python

python实现Dijkstra算法的最短路径问题

2019/06/21 Python

OpenCV 模板匹配

2019/07/10 Python

将Pytorch模型从CPU转换成GPU的实现方法

2019/08/19 Python

Python参数传递实现过程及原理详解

2020/05/14 Python

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

2020/06/15 Python

Html5移动端div固定到底部实现底部导航条的几种方式

2021/03/09 HTML / CSS

美国眼镜网站：LensCrafters

2020/01/19 全球购物

药学专业大学生个人的自我评价

2013/11/04 职场文书

员工安全生产责任书

2014/07/22 职场文书

合作意向书

2014/07/30 职场文书

公司团队口号霸气押韵

2015/12/24 职场文书