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

IE6下出现JavaScript未结束的字符串常量错误的解决方法

Nov 21 Javascript

使用Jquery搭建最佳用户体验的登录页面之记住密码自动登录功能（含后台代码）

Jul 10 Javascript

JavaScript实现的简单幂函数实例

Apr 17 Javascript

移动端JQ插件hammer使用详解

Jul 03 Javascript

kindeditor编辑器点中图片滚动条往上顶的bug

Jul 05 Javascript

悬浮广告方法日常收集整理

Mar 18 Javascript

JavaScript Ajax编程应用篇

Jul 02 Javascript

老生常谈onBlur事件与onfocus事件(js)

Jul 09 Javascript

vue实例中data使用return包裹的方法

Aug 27 Javascript

如何实现一个webpack模块解析器

Oct 24 Javascript

微信小程序自定义弹窗wcPop插件

Nov 19 Javascript

vue实现滑动切换效果（仅在手机模式下可用）

Jun 29 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

thinkphp中html:list标签传递多个参数实例

2014/10/30 PHP

详解PHP中mb_strpos的使用

2018/02/04 PHP

YII分模块加载路由的实现方法

2018/10/01 PHP

Laravel 解决419错误 -ajax请求错误的问题(CSRF验证)

2019/10/25 PHP

Javascript 网页水印(非图片水印)实现代码

2010/03/01 Javascript

js兼容的placeholder属性详解

2013/08/18 Javascript

JS简单实现文件上传实例代码（无需插件）

2013/11/15 Javascript

修改或扩展jQuery原生方法的代码实例

2015/01/13 Javascript

JavaScript获取表格（table）当前行的值、删除行、增加行

2015/07/03 Javascript

vue2.0实现前端星星评分功能组件实例代码

2018/02/12 Javascript

vue addRoutes实现动态权限路由菜单的示例

2018/05/15 Javascript

详解CommonJS和ES6模块循环加载处理的区别

2018/12/26 Javascript

js实现幻灯片轮播图

2020/08/14 Javascript

python的即时标记项目练习笔记

2014/09/18 Python

简单解决Python文件中文编码问题

2015/11/22 Python

动感网页相册 python编写简单文件夹内图片浏览工具

2016/08/17 Python

python3.6.3+opencv3.3.0实现动态人脸捕获

2018/05/25 Python

利用python numpy+matplotlib绘制股票k线图的方法

2019/06/26 Python

pytorch载入预训练模型后,实现训练指定层

2020/01/06 Python

python如何随机生成高强度密码

2020/08/19 Python

python 无损批量压缩图片（支持保留图片信息）的示例

2020/09/22 Python

使用CSS3实现一个3D相册效果实例

2016/12/03 HTML / CSS

CSS3实现全景图特效示例代码

2018/03/26 HTML / CSS

详解通过focusout事件解决IOS键盘收起时界面不归位的问题

2019/07/18 HTML / CSS

Bluebella法国官网：英国性感内衣品牌

2019/05/03 全球购物

两道JAVA笔试题

2016/09/14 面试题

摄影实习自我鉴定

2013/09/20 职场文书

简历自荐信

2013/12/02 职场文书

美德少年事迹材料

2014/01/23 职场文书

民族团结好少年事迹材料

2014/08/19 职场文书

处级领导干部四风问题自我剖析材料

2014/09/29 职场文书

民用住房租房协议书

2014/10/29 职场文书

2014年库房工作总结

2014/11/26 职场文书

安全生产警示教育活动总结

2015/05/09 职场文书

大学学习委员竞选稿

2015/11/20 职场文书

小学班长竞选稿

2015/11/20 职场文书