编程 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中对于DOM的加强

Apr 11 Javascript

jQuery中 noConflict() 方法使用

Apr 25 Javascript

jQuery简单操作cookie的插件实例

Jan 13 Javascript

jQuery插件DataTable使用方法详解(.Net平台)

Dec 22 Javascript

jquery精度计算代码 jquery指定精确小数位

Feb 06 Javascript

vue 使用自定义指令实现表单校验的方法

Aug 28 Javascript

谈谈React中的Render Props模式

Dec 06 Javascript

angularjs http与后台交互的实现示例

Dec 21 Javascript

vue动态绑定class的几种常用方式小结

May 21 Javascript

基于Vue中使用节流Lodash throttle详解

Oct 30 Javascript

JavaScript日期库date-fn.js使用方法解析

Sep 09 Javascript

vue-cli3配置favicon.ico和title的流程

Oct 27 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

通过dbi使用perl连接mysql数据库的方法

2014/04/16 PHP

PHP中file_get_contents函数抓取https地址出错的解决方法(两种方法)

2015/09/22 PHP

CodeIgniter辅助之第三方类库third_party用法分析

2016/01/20 PHP

PHP的Yii框架中使用数据库的配置和SQL操作实例教程

2016/03/17 PHP

javascript 的Document属性和方法集合

2010/01/25 Javascript

解决js下referer兼容各大浏览器的方法

2014/11/03 Javascript

jQuery中dequeue()方法用法实例

2014/12/29 Javascript

jQuery实现防止提交按钮被双击的方法

2015/03/24 Javascript

使用Object.defineProperty实现简单的js双向绑定

2016/04/15 Javascript

关于JavaScript中事件绑定的方法总结

2016/10/26 Javascript

Vue动态组件和异步组件原理详解

2019/05/06 Javascript

微信小程序基于movable-view实现滑动删除效果

2020/01/08 Javascript

vue 防止页面加载时看到花括号的解决操作

2020/11/09 Javascript

vue 解决provide和inject响应的问题

2020/11/12 Javascript

Python使用Srapy框架爬虫模拟登陆并抓取知乎内容

2016/07/02 Python

python正则表达式面试题解答

2020/04/28 Python

Python实现的将文件每一列写入列表功能示例【测试可用】

2018/03/19 Python

python中yaml配置文件模块的使用详解

2018/04/27 Python

python操作excel的包(openpyxl、xlsxwriter)

2018/06/11 Python

python英语单词测试小程序代码实例

2019/09/09 Python

python栈的基本定义与使用方法示例【初始化、赋值、入栈、出栈等】

2019/10/24 Python

python字符串判断密码强弱

2020/03/18 Python

python动态规划算法实例详解

2020/11/22 Python

TensorFlow低版本代码自动升级为1.0版本

2021/02/20 Python

HTML5 背景的显示区域实现

2020/07/09 HTML / CSS

Photobook澳大利亚：制作相片书，婚礼卡，旅行相簿

2017/01/12 全球购物

美国第一香水网站：Perfume.com

2017/01/23 全球购物

Gap加拿大官网：Gap Canada

2017/08/24 全球购物

乌克兰品牌化妆品和香水在线商店：Bomond

2020/01/14 全球购物

JAVA程序员面试题

2012/10/03 面试题

医学院四年学习生活的自我评价

2013/11/06 职场文书

餐厅考勤管理制度

2014/01/28 职场文书

师德先进个人材料

2014/12/20 职场文书

简单的辞职信怎么写

2015/02/28 职场文书

MongoDB修改oplog大小的四种方法

2022/04/11 MongoDB

2022微信温控新功能上线

2022/05/09 数码科技