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程序设计有所帮助。

Javascript 相关文章推荐
用js实现随机返回数组的一个元素
Aug 13 Javascript
javascript字符串拼接的效率问题
Dec 25 Javascript
TreeView 用法(有代码)(asp.net)
Jul 15 Javascript
js遍历子节点子元素附属性及方法
Aug 19 Javascript
vue.js实现表格合并示例代码
Nov 30 Javascript
js实现交通灯效果
Jan 13 Javascript
vue 指定组件缓存实例详解
Apr 01 Javascript
基于JavaScript实现一个简单的Vue
Sep 26 Javascript
微信小程序实现动态显示和隐藏某个控件功能示例
Dec 14 Javascript
jquery获取file表单选择文件的路径、名字、大小、类型
Jan 18 jQuery
vue实现动态显示与隐藏底部导航的方法分析
Feb 11 Javascript
vue组件定义,全局、局部组件,配合模板及动态组件功能示例
Mar 19 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
《星际争霸2》终章已出 RTS时代宣告终结
2017/02/07 星际争霸
php实现数组中索引关联数据转换成json对象的方法
2015/07/08 PHP
Zend Framework分发器用法示例
2016/12/11 PHP
php简单计算权重的方法示例【适合抽奖类应用】
2019/06/10 PHP
JQuery的ajax获取数据后的处理总结(html,xml,json)
2010/07/14 Javascript
浅谈JavaScript编程语言的编码规范
2011/10/21 Javascript
我的Node.js学习之路(一)
2014/07/06 Javascript
jQuery中last()方法用法实例
2015/01/06 Javascript
JavaScript实现向OL列表内动态添加LI元素的方法
2015/03/21 Javascript
JS实现漂亮的窗口拖拽效果(可改变大小、最大化、最小化、关闭)
2015/10/10 Javascript
用JavaScript获取页面文档内容的实现代码
2016/06/10 Javascript
vue2.0+webpack环境的构造过程
2016/11/08 Javascript
使用微信小程序开发前端【快速入门】
2016/12/05 Javascript
js 中文汉字转Unicode、Unicode转中文汉字、ASCII转换Unicode、Unicode转换ASCII、中文转换
2016/12/06 Javascript
jQuery实现手机上输入后隐藏键盘功能
2017/01/04 Javascript
jquery实现一个全局计时器(商城可用)
2017/06/30 jQuery
Python的Flask框架中Flask-Admin库的简单入门指引
2015/04/07 Python
python修改操作系统时间的方法
2015/05/18 Python
MAC中PyCharm设置python3解释器
2017/12/15 Python
Python+Turtle动态绘制一棵树实例分享
2018/01/16 Python
python实现本地图片转存并重命名的示例代码
2018/10/27 Python
Python代理IP爬虫的新手使用教程
2019/09/05 Python
Django视图扩展类知识点详解
2019/10/25 Python
使用Python刷淘宝喵币(低阶入门版)
2019/10/30 Python
sklearn和keras的数据切分与交叉验证的实例详解
2020/06/19 Python
CSS3中的元素过渡属性transition示例详解
2016/11/30 HTML / CSS
需要知道的CSS3动画技术
2010/01/01 HTML / CSS
谈一谈HTML5本地存储技术
2016/03/02 HTML / CSS
alice McCALL官网:澳大利亚时尚品牌
2020/11/16 全球购物
甜点店创业计划书
2014/01/27 职场文书
学校卫生检查制度
2014/02/03 职场文书
初婚未育证明样本
2014/10/24 职场文书
2016年机关单位节能宣传周活动总结
2016/04/05 职场文书
SpringBoot中使用Redis作为全局锁示例过程
2022/03/24 Java/Android
Python实现灰色关联分析与结果可视化的详细代码
2022/03/25 Python
TV动画《史上最强大魔王转生为村民A》番宣CM公布
2022/04/01 日漫