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 相关文章推荐
jquery将一个表单序列化为一个对象的方法
Dec 02 Javascript
jQuery中;function($,undefined) 前面的分号的用处
Dec 17 Javascript
使用window.prompt()实现弹出用户输入的对话框
Apr 13 Javascript
jquery实现点击弹出可放大居中及关闭的对话框(附demo源码下载)
May 10 Javascript
微信小程序 Storage API实例详解
Oct 02 Javascript
荐书|您有一份JavaScript书单待签收
Jul 21 Javascript
详解10分钟学会vue滚动行为
Sep 21 Javascript
vuejs实现本地数据的筛选分页功能思路详解
Nov 15 Javascript
解析Vue.js中的组件
Feb 02 Javascript
Layui带搜索的下拉框的使用以及动态数据绑定方法
Sep 28 Javascript
详解vue 中 scoped 样式作用域的规则
Sep 14 Javascript
vue特效之翻牌动画
Apr 20 Vue.js
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数据库链接类(PDO+Access)实例分享
2013/12/05 PHP
joomla组件开发入门教程
2016/05/04 PHP
Laravel5中防止XSS跨站攻击的方法
2016/10/10 PHP
在Javascript中 声明时用&quot;var&quot;与不用&quot;var&quot;的区别
2013/04/15 Javascript
解决js下referer兼容各大浏览器的方法
2014/11/03 Javascript
js面向对象的写法
2016/02/19 Javascript
BootStrap中Table分页插件使用详解
2016/10/09 Javascript
jQuery插件zTree实现的多选树效果示例
2017/03/08 Javascript
vue中使用localstorage来存储页面信息
2017/11/04 Javascript
解决webpack无法通过IP地址访问localhost的问题
2018/02/22 Javascript
JS双向链表实现与使用方法示例(增加一个previous属性实现)
2019/01/31 Javascript
详解django模板与vue.js冲突问题
2019/07/07 Javascript
浅析js实现网页截图的两种方式
2019/11/01 Javascript
使用JavaScript计算前一天和后一天的思路详解
2019/12/20 Javascript
[01:10]DOTA2次级职业联赛 - EP战队宣传片
2014/12/01 DOTA
[01:08:44]NB vs VP 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
[02:16]完美世界DOTA2联赛PWL S3 集锦第三期
2020/12/21 DOTA
在Python的Django框架上部署ORM库的教程
2015/04/20 Python
PyQt5 加载图片和文本文件的实例
2019/06/14 Python
python文件处理fileinput使用方法详解
2020/01/02 Python
python中turtle库的简单使用教程
2020/11/11 Python
CSS3教程(10):CSS3 HSL声明设置颜色
2009/04/02 HTML / CSS
菲律宾领先的在线时尚商店:Zalora菲律宾
2018/02/08 全球购物
新加坡一家在线男士皮具品牌:Faire Leather Co.
2019/12/01 全球购物
Douglas意大利官网:购买香水和化妆品
2020/05/27 全球购物
2013届毕业生求职信范文
2013/11/20 职场文书
生育关怀行动实施方案
2014/03/26 职场文书
财务会计专业求职信
2014/06/09 职场文书
会计人员演讲稿
2014/09/11 职场文书
村党支部对照检查材料思想汇报
2014/09/28 职场文书
2014年社区党建工作汇报材料
2014/11/02 职场文书
2014教师专业技术工作总结
2014/12/03 职场文书
2015年社区科普工作总结
2015/05/13 职场文书
单位综合评价意见
2015/06/05 职场文书
污染环境建议书
2015/09/14 职场文书
初中英语教学反思范文
2016/02/15 职场文书