编程 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代码

Aug 22 Javascript

js使用正则实现ReplaceAll全部替换的方法

Jul 18 Javascript

轻松学习jQuery插件EasyUI EasyUI表单验证

Dec 01 Javascript

JavaScript:Date类型全面解析

May 19 Javascript

JS实现页面进入和返回定位到具体位置

Dec 08 Javascript

基于jquery实现二级联动效果

Mar 30 jQuery

react-router中的属性详解

Jun 01 Javascript

vue mintui-Loadmore结合实现下拉刷新和上拉加载示例

Oct 12 Javascript

Javascript 编码约定(编码规范)

Mar 11 Javascript

jQuery表单选择器用法详解

Aug 22 jQuery

JavaScript代码压缩工具UglifyJS和Google Closure Compiler的基本用法

Apr 13 Javascript

openlayers4实现点动态扩散

Aug 17 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获取文件行数的方法

2015/06/10 PHP

ThinkPHP中create()方法自动验证表单信息

2017/04/28 PHP

ThinkPHP 5.x远程命令执行漏洞复现

2019/09/23 PHP

用倒置滤镜把div倒置，再把table倒置。

2007/07/31 Javascript

再谈javascript面向对象编程

2012/03/18 Javascript

js简单的弹出框有关闭按钮

2014/05/05 Javascript

iframe里的页面禁止右键事件的方法

2014/06/10 Javascript

JavaScript避免内存泄露及内存管理技巧

2014/09/05 Javascript

常见的javascript跨域通信方法

2015/12/31 Javascript

原生javascript实现addClass,removeClass,hasClass函数

2016/02/25 Javascript

原生JS实现导航下拉菜单效果

2020/11/25 Javascript

微信小程序之获取当前位置经纬度以及地图显示详解

2017/05/09 Javascript

Javascript实现倒计时时差效果

2017/05/18 Javascript

Angular 1.x个人使用的经验小结

2017/07/19 Javascript

Vue表单demo v-model双向绑定问题

2018/06/29 Javascript

IE浏览器下JS脚本提交表单后，不能自动提示问题解决方法

2019/06/04 Javascript

微信小程序如何使用globalData的方法

2019/06/06 Javascript

vue2.0实现列表数据增加和删除

2020/06/17 Javascript

JS removeAttribute()方法实现删除元素的某个属性

2021/01/11 Javascript

Python 字符串操作实现代码(截取/替换/查找/分割)

2013/06/08 Python

简单讲解Python中的字符串与字符串的输入输出

2016/03/13 Python

利用Celery实现Django博客PV统计功能详解

2017/05/08 Python

python配置grpc环境

2019/01/01 Python

详解python如何引用包package

2020/06/07 Python

基于CSS3实现的黑色个性导航菜单效果

2015/09/14 HTML / CSS

全球第二大家装零售商：Lowe’s

2018/01/13 全球购物

生物有机护肤品：Aurelia Probiotic Skincare

2018/01/31 全球购物

美国豪华的多品牌精品店：The Webster

2019/07/31 全球购物

牧马人澳大利亚官网：Wrangler澳大利亚

2019/10/08 全球购物

技校毕业生的自我评价

2013/12/27 职场文书

酒吧创业计划书

2014/01/18 职场文书

cf战队收人广告词

2014/03/14 职场文书

党员干部三严三实心得体会

2014/10/13 职场文书

员工工作能力评语

2014/12/31 职场文书

学习型家庭事迹材料（2016精选版）

2016/02/29 职场文书

css3 文字断裂效果

2022/04/22 HTML / CSS