编程 Javascript

js实现双击图片放大单击缩小的方法

Posted in Javascript onFebruary 17, 2015

本文实例讲述了js实现双击图片放大单击缩小的方法。分享给大家供大家参考。具体实现方法如下：

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>双击图片放大，单击缩小</title>

</head>

<body>

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

function enlargeImage1(){

   image1.height="300"

}

function dropImage1(){

   image1.height="150"

}

//  End -->

</script>

<table>

<tr><td align="center">

<img src="/images/3.jpg" height="150" name="image1" ondblclick="enlargeImage1()" onclick="dropImage1()" style="cursor:pointer;"/>

</td></tr>

</table>

双击图片试试预览效果。

</body>

</html>

希望本文所述对大家的javascript程序设计有所帮助。

js实现双击图片放大单击缩小的方法

- Author -

代码家园

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

一个js拖拽的效果类和dom-drag.js浅析

Jul 17 Javascript

jquery中prop()方法和attr()方法的区别浅析

Sep 06 Javascript

innerHTML中标签可以换行的方法汇总

Aug 14 Javascript

js中对函数设置默认参数值的3种方法

Oct 23 Javascript

JavaScript获取URL中参数querystring的方法详解

Oct 11 Javascript

利用CSS、JavaScript及Ajax实现图片预加载的三大方法

Jan 22 Javascript

Web开发中客户端的跳转与服务器端的跳转的区别

Mar 05 Javascript

Bootstrap笔记—折叠实例代码

Mar 13 Javascript

bootstrap3中container与container_fluid外层容器的区别讲解

Dec 04 Javascript

vue-cli中的babel配置文件.babelrc实例详解

Feb 22 Javascript

Angular4 反向代理Details实践

May 30 Javascript

微信小程序实现蒙版弹窗效果

Nov 01 Javascript

js图片模糊切换显示特效的方法

Feb 17 #Javascript

js实现单击图片放大图片的方法

Feb 17 #Javascript

js实现iframe自动自适应高度的方法

Feb 17 #Javascript

js全选实现和判断是否有复选框选中的方法

Feb 17 #Javascript

Jquery树插件zTree用法入门教程

Feb 17 #Javascript

js实现九宫格图片半透明渐显特效的方法

Feb 16 #Javascript

JS+CSS实现Li列表隔行换色效果的方法

Feb 16 #Javascript

You might like

PHP防止注入攻击实例分析

2014/11/03 PHP

让你的网站可编辑的实现js代码

2009/10/19 Javascript

不使用中间变量，交换int型的 a, b两个变量的值。

2010/10/29 Javascript

Jquery操作下拉框(DropDownList)实现取值赋值

2013/08/13 Javascript

基于 Docker 开发 NodeJS 应用

2014/07/30 NodeJs

node.js中的fs.utimesSync方法使用说明

2014/12/15 Javascript

JavaScript事件委托实例分析

2015/05/26 Javascript

Html5+jQuery+CSS制作相册小记录

2016/12/30 Javascript

基于Marquee.js插件实现的跑马灯效果示例

2017/01/25 Javascript

Vue自定义组件双向绑定实现原理及方法详解

2020/09/03 Javascript

python str与repr的区别

2013/03/23 Python

python获取Linux下文件版本信息、公司名和产品名的方法

2014/10/05 Python

python实现数据写入excel表格

2018/03/25 Python

python绘制热力图heatmap

2020/03/23 Python

详解用python自制微信机器人，定时发送天气预报

2019/03/25 Python

python 多线程对post请求服务器测试并发的方法

2019/06/13 Python

python实现截取屏幕保存文件,删除N天前截图的例子

2019/08/27 Python

python实现静态web服务器

2019/09/03 Python

python数据预处理 :数据共线性处理详解

2020/02/24 Python

Python Opencv 通过轨迹(跟踪)栏实现更改整张图像的背景颜色

2020/03/09 Python

LODI女鞋在线商店：阿利坎特的鞋类品牌

2019/02/15 全球购物

英国手工制作的现代与经典的沙发和床：Love Your Home

2020/09/26 全球购物

巴西24小时在线药房：Drogasil

2020/06/20 全球购物

vue 中 get / delete 传递数组参数方法

2021/03/23 Vue.js

小学教师的自我评价范例

2013/10/31 职场文书

20年同学聚会邀请函

2014/02/04 职场文书

公益广告语集锦

2014/03/13 职场文书

高校教师自荐信范文

2014/03/13 职场文书

工程管理英文求职信

2014/03/18 职场文书

医疗纠纷协议书

2014/04/16 职场文书

《悯农》教学反思

2014/04/28 职场文书

乡镇党员干部四风对照检查材料思想汇报

2014/09/27 职场文书

党的群众路线教育实践活动查摆问题自查报告

2014/10/10 职场文书

2014最新党员违纪检讨书

2014/10/12 职场文书

儿子满月酒致辞

2015/07/29 职场文书

《堡垒之夜》联动《刺客信条》 4月7日正式上线

2022/04/06 其他游戏