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

解决iframe的frameborder在chrome/ff/ie下的差异

Aug 12 Javascript

关于Javascript模块化和命名空间管理的问题说明

Dec 06 Javascript

javascript中[]和{}对象使用介绍

Mar 20 Javascript

动态的创建一个元素createElement及删除一个元素

Jan 24 Javascript

鼠标滑过出现预览的大图提示效果

Feb 26 Javascript

JS上传图片预览插件制作（兼容到IE6）

Aug 07 Javascript

js数组操作方法总结(必看篇)

Nov 22 Javascript

BootStrap便签页的简单应用

Jan 06 Javascript

vue脚手架搭建过程图解

Jun 06 Javascript

vue微信分享到朋友圈 vue微信发送给好友

Nov 28 Javascript

微信小程序的引导页实现代码

Jun 24 Javascript

为什么推荐使用JSX开发Vue3

Dec 28 Vue.js

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

Yii实现的多级联动下拉菜单

2016/07/13 PHP

PHP isset()与empty()的使用区别详解

2017/02/10 PHP

YII框架中使用memcache的方法详解

2017/08/02 PHP

PHP实现的解汉诺塔问题算法示例

2018/08/06 PHP

php JWT在web端中的使用方法教程

2018/09/06 PHP

php原生数据库分页的代码实例

2019/02/18 PHP

phpStorm+XDebug+chrome 配置详解

2019/04/01 PHP

Laravel多域名下字段验证的方法

2019/04/04 PHP

基于jquery实现的类似百度搜索的输入框自动完成功能

2011/08/23 Javascript

javascript针对DOM的应用分析（四）

2012/04/15 Javascript

jquery判断元素的子元素是否存在的示例代码

2014/02/04 Javascript

jQuery照片伸缩效果不影响其他元素的布局

2014/05/09 Javascript

jQuery打印指定区域Html页面并自动分页

2014/07/04 Javascript

JavaScript数组前面插入元素的方法

2015/04/06 Javascript

javascript中的previousSibling和nextSibling的正确用法

2015/09/16 Javascript

JavaScript仿百度图片浏览效果

2016/11/23 Javascript

Vue SSR 即时编译技术的实现

2020/05/06 Javascript

JSONP 的原理、理解与实例分析

2020/05/16 Javascript

Python2.7编程中SQLite3基本操作方法示例

2017/08/09 Python

python实现旋转和水平翻转的方法

2018/10/25 Python

python3.6中@property装饰器的使用方法示例

2019/08/17 Python

Python日志器使用方法及原理解析

2020/09/27 Python

scrapy-redis分布式爬虫的搭建过程(理论篇)

2020/09/29 Python

关于python中导入文件到list的问题

2020/10/31 Python

matplotlib常见函数之plt.rcParams、matshow的使用(坐标轴设置)

2021/01/05 Python

亚马逊印度站：Amazon.in

2017/10/15 全球购物

护理自荐信

2013/10/22 职场文书

抄作业检讨书

2014/02/17 职场文书

软件毕业生个人鉴定

2014/03/03 职场文书

2014应届本科生自我评价

2014/09/13 职场文书

2014年内勤工作总结

2014/11/24 职场文书

义卖募捐活动总结

2015/05/09 职场文书

2015年小学二年级班主任工作总结

2015/05/21 职场文书

2016年4月份红领巾广播稿

2015/12/21 职场文书

MongoDB balancer的使用详解

2021/04/30 MongoDB

25张裸眼3D图片，带你重温童年的记忆，感受3D的魅力

2022/02/06 杂记