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

jQuery提交表单ajax查询实例代码

Oct 07 Javascript

禁用JavaScript控制台调试的方法

Mar 07 Javascript

Html5的placeholder属性(IE兼容)实现代码

Aug 30 Javascript

JQuery表格拖动调整列宽效果(自己动手写的)

Sep 01 Javascript

JavaScript字符串对象slice方法入门实例（用于字符串截取）

Oct 16 Javascript

教你使用javascript简单写一个页面模板引擎

May 05 Javascript

JS常见算法详解

Feb 28 Javascript

vue组件（全局，局部，动态加载组件）

Sep 02 Javascript

Vue 处理表单input单行文本框的实例代码

May 09 Javascript

在小程序中推送模板消息的实现方法

Jul 22 Javascript

vue-cli3项目配置eslint代码规范的完整步骤

Sep 10 Javascript

GitHub上77.9K的Axios项目有哪些值得借鉴的地方详析

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

如何冲泡挂耳包咖啡？技巧是什么

2021/03/04 冲泡冲煮

php中最简单的字符串匹配算法

2014/12/16 PHP

WordPress的主题编写中获取头部模板和底部模板

2015/12/28 PHP

FileUpload 控件禁止手动输入或粘贴的实现代码

2010/04/07 Javascript

理解JavaScript中的对象推荐

2011/01/09 Javascript

浅析LigerUi开发中谨慎载入common.css文件

2013/07/09 Javascript

JavaScript中圆括号()和方括号[]的特殊用法疑问解答

2013/08/06 Javascript

jquery的ajax跨域请求原理和示例

2014/05/08 Javascript

javascript实现锁定网页、密码解锁效果（类似系统屏幕保护效果）

2014/08/15 Javascript

jQuery实现切换字体大小的方法

2015/03/10 Javascript

JavaScript简单表格编辑功能实现方法

2015/04/16 Javascript

node.js路径处理方法以及绝对路径详解

2021/03/04 Javascript

Vue.js系列之项目结构说明(2)

2017/01/03 Javascript

js判断手机系统是android还是ios

2017/03/07 Javascript

微信小程序本地数据读取实例

2017/04/27 Javascript

JS沙箱模式实例分析

2017/09/04 Javascript

详解关于react-redux中的connect用法介绍及原理解析

2017/09/11 Javascript

vue中使用cropperjs的方法

2018/03/01 Javascript

js如何找出字符串中的最长回文串

2018/06/04 Javascript

JS加密插件CryptoJS实现AES加密操作示例

2018/08/16 Javascript

javascript数组元素删除方法delete和splice解析

2019/12/09 Javascript

关于vue 结合原生js 解决echarts resize问题

2020/07/26 Javascript

python使用htmllib分析网页内容的方法

2015/05/08 Python

举例讲解Python中的list列表数据结构用法

2016/03/12 Python

解决Python selenium get页面很慢时的问题

2019/01/30 Python

Python实现语音识别和语音合成功能

2019/09/20 Python

澳大利亚领先的宠物用品商店：VetSupply

2017/09/08 全球购物

法学专业应届生求职信

2013/10/16 职场文书

5.1手机促销活动

2014/01/17 职场文书

餐厅总厨求职信

2014/03/04 职场文书

投资意向书

2014/07/30 职场文书

2014年十一国庆节爱国演讲稿

2014/09/23 职场文书

个人买房协议书范本

2014/10/06 职场文书

党员教师群众路线思想汇报范文

2014/10/28 职场文书

2014年人力资源部工作总结

2014/11/19 职场文书

《1942》观后感

2015/06/08 职场文书