编程 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 22 Javascript

Javascript 模式实例观察者模式

Oct 24 Javascript

jQuery中与toggleClass等价的程序段以及未来学习的方向

Mar 18 Javascript

热点新闻滚动特效的js代码

Aug 17 Javascript

Windows 系统下安装和部署Egret的开发环境

Jul 31 Javascript

JS中处理时间之setUTCMinutes()方法的使用

Jun 12 Javascript

javascript+ajax实现产品页面加载信息

Jul 09 Javascript

Bootstrap表单布局样式源代码

Jul 04 Javascript

微信页面弹出键盘后iframe内容变空白的解决方案

Sep 20 Javascript

jQuery+ajax实现动态添加表格tr td功能示例

Apr 23 jQuery

Vue 实现树形视图数据功能

May 07 Javascript

javascript实现前端分页功能

Nov 26 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

《魔兽争霸3》重制版究竟重制了什么？玩家：这么糊弄真的好吗？

2020/05/04 魔兽争霸

PHP抽象类介绍

2012/06/13 PHP

PHP基础教程(php入门基础教程)一些code代码

2013/01/06 PHP

php实现的click captcha点击验证码类实例

2014/09/23 PHP

thinkphp特殊标签用法概述

2014/11/24 PHP

PHP简单判断iPhone、iPad、Android及PC设备的方法

2016/10/11 PHP

PHP扩展安装方法步骤解析

2020/11/24 PHP

几个比较实用的JavaScript 测试及效验工具

2010/04/18 Javascript

javascript下利用arguments实现string.format函数

2010/08/24 Javascript

JS实现定时页面弹出类似QQ新闻的提示框

2013/11/07 Javascript

Jquery方式获取iframe页面中的 Dom元素

2014/05/07 Javascript

jQuery 获取、设置HTML或TEXT内容的两种方法

2014/05/23 Javascript

使用时间戳解决ie缓存的问题

2014/08/20 Javascript

js实现网页多级级联菜单代码

2015/08/20 Javascript

基于JavaScript实现div层跟随滚动条滑动

2016/01/12 Javascript

以WordPress为例讲解jQuery美化页面Title的方法

2016/05/23 Javascript

node内置调试方法总结

2018/02/22 Javascript

使用typescript开发angular模块并发布npm包

2018/04/19 Javascript

JS实现商城秒杀倒计时功能(动态设置秒杀时间)

2019/12/12 Javascript

Vue v-bind动态绑定class实例方法

2020/01/15 Javascript

vue解决跨域问题(推荐)

2020/11/10 Javascript

Python中还原JavaScript的escape函数编码后字符串的方法

2014/08/22 Python

Python中os.path用法分析

2015/01/15 Python

在Python中调用ggplot的三种方法

2015/04/08 Python

Python实现提取文章摘要的方法

2015/04/21 Python

Python自动调用IE打开某个网站的方法

2015/06/03 Python

使用pytorch实现可视化中间层的结果

2019/12/30 Python

pyautogui自动化控制鼠标和键盘操作的步骤

2020/04/01 Python

法国家具及室内配件店：home24

2017/01/21 全球购物

党员自我评价分享

2013/12/13 职场文书

医学生职业规划范文

2014/01/05 职场文书

2014年感恩母亲演讲稿

2014/05/27 职场文书

教师党的群众路线教育实践活动学习笔记

2014/11/05 职场文书

刮痧观后感

2015/06/05 职场文书

演讲比赛主持词

2015/06/29 职场文书

详解Python生成器和基于生成器的协程

2021/06/03 Python