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

Jquery带搜索框的下拉菜单

May 06 Javascript

ExtJS4中的requires使用方法示例介绍

Dec 03 Javascript

javascript根据时间生成m位随机数最大13位

Oct 30 Javascript

Jquery ajax加载等待执行结束再继续执行下面代码操作

Nov 24 Javascript

Webpack执行命令参数详解

Jun 17 Javascript

使用原生js+canvas实现模拟心电图的实例

Sep 20 Javascript

vue2.0 父组件给子组件传递数据的方法

Jan 15 Javascript

vue动态删除从数据库倒入列表的某一条方法

Sep 29 Javascript

Vue 自定义指令实现一键 Copy功能

Sep 16 Javascript

浅谈在vue-cli3项目中解决动态引入图片img404的问题

Aug 04 Javascript

解决vue init webpack 下载依赖卡住不动的问题

Nov 09 Javascript

vue3自定义dialog、modal组件的方法

Jan 04 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正则走开

2008/03/15 PHP

基于php上传图片重命名的6种解决方法的详细介绍

2013/04/28 PHP

从wamp到xampp的升级之路

2015/04/08 PHP

浅谈php7的重大新特性

2015/10/23 PHP

微信公众平台开发教程⑥ 微信开发集成类的使用图文详解

2019/04/10 PHP

laravel实现上传图片的两种方式小结

2019/10/12 PHP

js checkbox(复选框) 使用集锦

2009/04/28 Javascript

在JavaScript并非所有的一切都是对象

2013/04/11 Javascript

带左右箭头图片轮播的JS代码

2013/12/18 Javascript

JQuery控制Radio选中方法分析

2015/05/29 Javascript

jquery ajax 如何向jsp提交表单数据

2015/08/23 Javascript

ES6中Array.find()和findIndex()函数的用法详解

2017/09/16 Javascript

vue router使用query和params传参的使用和区别

2017/11/13 Javascript

element-ui树形控件后台返回的数据+生成组织树的工具类

2020/03/05 Javascript

[53:13]2014 DOTA2国际邀请赛中国区预选赛5.21 DT VS LGD-GAMING

2014/05/22 DOTA

Python中的zip函数使用示例

2015/01/29 Python

Python图片转换成矩阵,矩阵数据转换成图片的实例

2018/07/02 Python

利用Python如何制作好玩的GIF动图详解

2018/07/11 Python

基于Python检测动态物体颜色过程解析

2019/12/04 Python

常用python爬虫库介绍与简要说明

2020/01/25 Python

如何用python 操作zookeeper

2020/12/28 Python

Html5 canvas画图白板踩坑

2020/06/01 HTML / CSS

爱尔兰家电数码商城：Currys PC World爱尔兰

2016/07/23 全球购物

英国儿童家具专卖店：GLTC

2016/09/24 全球购物

Jogun Shop中文官网：韩国知名时尚男装网站

2016/10/12 全球购物

关于爱情的广播稿

2014/01/16 职场文书

测绘专业大学生职业生涯规划书

2014/02/10 职场文书

软件部经理岗位职责范本

2014/02/25 职场文书

四风问题个人对照检查材料

2014/09/26 职场文书

群众路线剖析材料（四风问题）

2014/10/08 职场文书

群众路线教育实践活动总结

2014/10/30 职场文书

2014年流动人口工作总结

2014/11/26 职场文书

民政工作个人总结

2015/02/28 职场文书

公司副总经理岗位职责

2015/04/08 职场文书

《揠苗助长》教学反思

2016/02/20 职场文书

基于tensorflow权重文件的解读

2021/05/26 Python