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 相关文章推荐
一段利用WSH修改和查看IP配置的代码
May 11 Javascript
JavaScript原型继承之基础机制分析
Aug 26 Javascript
jQuery与JS加载事件用法分析
Sep 04 Javascript
详解JS中的this、apply、call、bind(经典面试题)
Sep 19 Javascript
关于laydate.js加载laydate.css路径错误问题解决
Dec 27 Javascript
JavaScript使用递归和循环实现阶乘的实例代码
Aug 28 Javascript
移动端吸顶fixbar的解决方案详解
Jul 17 Javascript
layui表格数据复选框回显设置方法
Sep 13 Javascript
electron 如何将任意资源打包的方法步骤
Apr 16 Javascript
通过实例解析chrome如何在mac环境中安装vue-devtools插件
Jul 10 Javascript
js实现滑动滑块验证登录
Jul 24 Javascript
vue使用watch监听属性变化
Apr 30 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的ob_start();控制您的浏览器cache!
2006/11/25 PHP
一周学会PHP(视频)Http下载
2006/12/12 PHP
yii框架源码分析之创建controller代码
2011/06/28 PHP
帝国cms常用标签汇总
2015/07/06 PHP
laravel 字段格式化 modle 字段类型转换方法
2019/09/30 PHP
JavaScript 脚本将当地时间转换成其它时区
2009/03/19 Javascript
jquery中ajax处理跨域的三大方式
2016/01/05 Javascript
概述jQuery中的ajax方法
2016/12/16 Javascript
js实现简单分页导航栏效果
2019/06/28 Javascript
elementui之el-tebs浏览器卡死的问题和使用报错未注册问题
2019/07/06 Javascript
js时间转换毫秒的实例代码
2019/08/21 Javascript
JS正则表达式常见函数与用法小结
2020/04/13 Javascript
javascript 内存模型实例详解
2020/04/18 Javascript
[44:40]2018DOTA2亚洲邀请赛3月30日 小组赛A组Liquid VS OG
2018/03/31 DOTA
详解Python中time()方法的使用的教程
2015/05/22 Python
Python中tell()方法的使用详解
2015/05/24 Python
Python实现新浪博客备份的方法
2016/04/27 Python
python笔记:mysql、redis操作方法
2017/06/28 Python
Python通过future处理并发问题
2017/10/17 Python
Python判断telnet通不通的实例
2019/01/26 Python
Python实现京东秒杀功能代码
2019/05/16 Python
Django 使用easy_thumbnails压缩上传的图片方法
2019/07/26 Python
django框架用户权限中的session缓存到redis中的方法
2019/08/06 Python
python tkinter控件布局项目实例
2019/11/04 Python
django 模型中的计算字段实例
2020/05/19 Python
基于SQLAlchemy实现操作MySQL并执行原生sql语句
2020/06/10 Python
利用PyTorch实现VGG16教程
2020/06/24 Python
如何用Python绘制3D柱形图
2020/09/16 Python
使用gunicorn部署django项目的问题
2020/12/30 Python
python urllib和urllib3知识点总结
2021/02/08 Python
HTML5拍照和摄像机功能实战详解
2019/01/24 HTML / CSS
自动化专业个人求职信范文
2013/11/29 职场文书
优秀导游先进事迹材料
2014/01/25 职场文书
个人合作协议书范本
2014/04/18 职场文书
秋冬农业生产标语
2014/10/09 职场文书
python装饰器代码解析
2022/03/23 Python