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

JavaScript Base64编码和解码，实现URL参数传递。

Sep 18 Javascript

jQuery使用手册之事件处理

Mar 24 Javascript

一个轻量级的javascript库 pj介绍

Dec 19 Javascript

jquery 年会抽奖程序

Dec 22 Javascript

15条JavaScript最佳实践小结

Aug 09 Javascript

Ajax中解析Json的两种方法对比分析

Jun 25 Javascript

JS实现自动变化的导航菜单效果代码

Sep 09 Javascript

javascript获取以及设置光标位置

Feb 16 Javascript

js实现年月日表单三级联动

Apr 17 Javascript

微信小程序 slider的简单实例

Apr 19 Javascript

javacript replace 正则取字符串中的值并替换【推荐】

Sep 13 Javascript

微信小程序实现上传word、txt、Excel、PPT等文件功能

May 23 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

ubuntu下编译安装xcache for php5.3 的具体操作步骤

2013/06/18 PHP

php实现smarty模板无限极分类的方法

2015/12/07 PHP

PHP自定义多进制的方法

2016/11/03 PHP

JavaScript中的其他对象

2008/01/16 Javascript

使用jscript实现二进制读写脚本代码

2008/06/09 Javascript

跟着JQuery API学Jquery 之二属性

2010/04/09 Javascript

基于Jquery的实现回车键Enter切换焦点

2010/09/14 Javascript

理解Javascript_03_javascript全局观

2010/10/11 Javascript

JavaScript中:表达式和语句的区别[译]

2012/09/17 Javascript

jquery ui resize 中border-box的bug修正

2015/04/26 Javascript

jQuery时间轴插件使用详解

2015/07/16 Javascript

webpack-dev-server远程访问配置方法

2018/02/22 Javascript

javaScript实现游戏倒计时功能

2018/11/17 Javascript

Vue实现搜索结果高亮显示关键字

2019/05/28 Javascript

使用Layer组件弹出多个对话框(非嵌套)与关闭及刷新的例子

2019/09/25 Javascript

python BeautifulSoup使用方法详解

2013/11/21 Python

Python二分查找详解

2015/09/13 Python

Python实现数据库并行读取和写入实例

2017/06/09 Python

基于python 字符编码的理解

2017/09/02 Python

利用python将xml文件解析成html文件的实现方法

2017/12/22 Python

Python编程把二叉树打印成多行代码

2018/01/04 Python

使用Django启动命令行及执行脚本的方法

2018/05/29 Python

NLTK 3.2.4 环境搭建教程

2018/09/19 Python

python装饰器常见使用方法分析

2019/06/26 Python

Scrapy 配置动态代理IP的实现

2020/09/28 Python

如何使用Pytorch搭建模型

2020/10/26 Python

python实现学生信息管理系统（精简版）

2020/11/27 Python

世界顶级俱乐部的官方球衣和套装：Subside Sports

2018/04/22 全球购物

白血病捐款倡议书

2014/05/14 职场文书

超市开店计划书

2014/09/15 职场文书

2014年协会工作总结

2014/11/22 职场文书

职代会闭幕词

2015/01/28 职场文书

红色故事汇观后感

2015/06/18 职场文书

采购部年度工作总结

2015/08/13 职场文书

python3使用diagrams绘制架构图的步骤

2021/04/08 Python

深入理解Vue的数据响应式

2021/05/15 Vue.js