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

ExtJS 2.0实用简明教程之应用ExtJS

Apr 29 Javascript

javascript 正则替换 replace(regExp, function)用法

May 22 Javascript

Js实现动态添加删除Table行示例

Apr 14 Javascript

使用AngularJS创建自定义的过滤器的方法

Jun 18 Javascript

JavaScript实现复制或剪切内容到剪贴板功能的方法

May 23 Javascript

js判断主流浏览器类型和版本号的简单实现代码

May 26 Javascript

JS代码实现table数据分页效果

May 26 Javascript

js跨域资源共享基础篇

Jul 02 Javascript

浅谈jQuery before和insertBefore的区别

Dec 04 Javascript

angular json对象push到数组中的方法

Feb 27 Javascript

javascript 关于赋值、浅拷贝、深拷贝的个人理解

Nov 01 Javascript

js实现幻灯片轮播图

Aug 14 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

超神学院：鹤熙已踏入神圣领域，实力不比凯莎弱

2020/03/02 国漫

PHP入门速成(2)

2006/10/09 PHP

功能齐全的PHP发送邮件类代码附详细说明

2008/07/10 PHP

php获取文件名后缀常用方法小结

2015/02/24 PHP

Thinkphp框架表单自动验证登录注册 ajax自动验证登录注册

2016/12/27 PHP

phpQuery采集网页实现代码实例

2020/04/02 PHP

优秀js开源框架-jQuery使用手册(1)

2007/03/10 Javascript

用js实现手把手教你月入万刀(转贴)

2007/11/07 Javascript

手机号码，密码正则验证

2014/09/04 Javascript

js实现图片无缝滚动特效

2020/03/19 Javascript

关于获取DIV内部内容报错的原因分析及解决办法

2016/01/29 Javascript

jQuery常用的一些技巧汇总

2016/03/26 Javascript

node.js缺少mysql模块运行报错的解决方法

2016/11/13 Javascript

jQuery插件HighCharts绘制简单2D折线图效果示例【附demo源码】

2017/03/21 jQuery

在小程序中使用Echart图表的示例代码

2018/08/02 Javascript

微信小程序自定义toast弹窗效果的实现代码

2018/11/15 Javascript

Angular事件之不同组件间传递数据的方法

2018/11/15 Javascript

30分钟精通React今年最劲爆的新特性——React Hooks

2019/03/11 Javascript

浅析Vue中拆分视图层代码的5点建议

2019/08/15 Javascript

Angular8引入百度Echarts进行图表分析的实现代码

2019/11/27 Javascript

微信公众号网页分享功能开发的示例代码

2020/05/27 Javascript

javascript如何使用函数random来实现课堂随机点名方法详解

2020/07/28 Javascript

PyCharm代码整体缩进,反向缩进的方法

2018/06/25 Python

Python常用模块之requests模块用法分析

2019/05/15 Python

Python 图像处理: 生成二维高斯分布蒙版的实例

2019/07/04 Python

python中利用numpy.array()实现俩个数值列表的对应相加方法

2019/08/26 Python

Python3实现二叉树的最大深度

2019/09/30 Python

Python数据正态性检验实现过程

2020/04/18 Python

小狗电器官方商城：中国高端吸尘器品牌

2017/03/29 全球购物

Java基础类库面试题

2013/09/04 面试题

办公室副主任岗位职责

2013/11/25 职场文书

优良学风班申请材料

2014/02/13 职场文书

抗震救灾标语

2014/06/26 职场文书

党员群众路线对照检查材料思想汇报

2014/09/17 职场文书

2015年教师见习期工作总结

2015/05/20 职场文书

惊涛骇浪观后感

2015/06/05 职场文书