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

屏蔽Flash右键信息的js代码

Jan 17 Javascript

js 可拖动列表实现代码

Dec 13 Javascript

Javascript Web Slider 焦点图示例源码

Oct 10 Javascript

详解React-Todos入门例子

Nov 08 Javascript

微信小程序 wx.request(接口调用方式)详解及实例

Nov 23 Javascript

Angularjs中使用指令绑定点击事件的方法

Mar 30 Javascript

JavaScript简单实现合并两个Json对象的方法示例

Oct 16 Javascript

Vue.js特性Scoped Slots的浅析

Feb 20 Javascript

node.js ws模块搭建websocket服务端的方法示例

Apr 25 Javascript

JS实现“全选”和"全不选"功能代码实例

Feb 06 Javascript

我所理解的JavaScript中的this指向

Sep 04 Javascript

ES6学习教程之Promise用法详解

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

ThinkPHP3.1新特性之字段合法性检测详解

2014/06/19 PHP

微信公众平台DEMO(PHP)

2016/05/04 PHP

php封装的验证码工具类完整实例

2016/10/19 PHP

Yii核心验证器api详解

2016/11/23 PHP

php+jQuery ajax实现的实时刷新显示数据功能示例

2019/09/12 PHP

javascript实现在光标处插入指定内容

2007/05/25 Javascript

浅谈Javascript嵌套函数及闭包

2010/11/09 Javascript

收集的一些Array及String原型对象的扩展实现代码

2010/12/05 Javascript

ajax中get和post的说明及使用与区别

2012/12/23 Javascript

js二级地域选择的实现方法

2013/06/17 Javascript

JS localStorage实现本地缓存的方法

2013/06/22 Javascript

JS获取图片实际宽高及根据图片大小进行自适应

2013/08/11 Javascript

Javascript基础回顾之(一) 类型

2017/01/31 Javascript

JS中Swiper的使用和轮播图效果

2017/08/11 Javascript

gulp安装以及打包合并的方法教程

2017/11/19 Javascript

浅谈vuejs实现数据驱动视图原理

2018/02/23 Javascript

vue学习笔记之slot插槽用法实例分析

2020/02/29 Javascript

python paramiko实现ssh远程访问的方法

2013/12/03 Python

python实现分析apache和nginx日志文件并输出访客ip列表的方法

2015/04/04 Python

Python使用cx_Oracle调用Oracle存储过程的方法示例

2017/10/07 Python

python微信好友数据分析详解

2018/11/19 Python

Python数据集切分实例

2018/12/08 Python

Python Pillow Image Invert

2019/01/22 Python

Pytorch之扩充tensor的操作

2021/03/04 Python

Html5实现如何在两个div元素之间拖放图像

2013/03/29 HTML / CSS

美国在线肉类和海鲜配送：Crowd Cow

2020/10/02 全球购物

说说你所熟悉或听说过的j2ee中的几种常用模式?及对设计模式的一些看法

2012/05/24 面试题

网络通讯中，端口有什么含义，端口的取值范围

2012/11/23 面试题

大学生就业推荐信范文

2013/11/29 职场文书

详细的大学生创业计划书模板

2014/01/27 职场文书

劳动工资科岗位职责范本

2014/03/02 职场文书

小学领导班子对照材料

2014/08/23 职场文书

个人德育工作总结

2015/03/05 职场文书

中国梦宣传标语口号

2015/12/26 职场文书

2016小学教师读书心得体会

2016/01/13 职场文书

如何打开Win11系统注册表编辑器？Win11注册表编辑器打开修复方法

2022/04/05 数码科技