编程 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 调用WebService实现代码

Mar 24 Javascript

js动态加载以及确定加载完成的代码

Jul 31 Javascript

基于JavaScript 下namespace 功能的简单分析

Jul 05 Javascript

JS 去前后空格大全(IE9亲测)

Jul 15 Javascript

Angular在一个页面中使用两个ng-app的方法

Feb 20 Javascript

JS实现上传图片的三种方法并实现预览图片功能

Jul 14 Javascript

Vue自定义指令实现checkbox全选功能的方法

Feb 28 Javascript

浅谈angularJS2中的界面跳转方法

Aug 31 Javascript

Vue父子组件之间的通信实例详解

Sep 28 Javascript

详解Vue iview IE浏览器不兼容报错（Iview Bable polyfill）

Jan 07 Javascript

vue实现表格过滤功能

Sep 27 Javascript

Vuex的各个模块封装的实现

Jun 05 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下用cookie统计用户访问网页次数的代码

2010/05/09 PHP

PHP汉字转换拼音的函数代码

2015/12/30 PHP

PHP串行化与反串行化实例分析

2016/12/27 PHP

jquery 查找新建元素代码

2010/07/06 Javascript

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

2013/07/09 Javascript

JS遍历Json字符串中键值对先转成JSON对象再遍历

2014/08/15 Javascript

JavaScript结合Bootstrap仿微信后台多图文界面管理

2016/07/22 Javascript

JS如何设置cookie有效期为当天24点并弹出欢迎登陆界面

2016/08/04 Javascript

AngularJS入门教程之链接与图片模板详解

2016/08/19 Javascript

JS制作类似选项卡切换的年历

2016/12/03 Javascript

js实现简单的获取验证码按钮效果

2017/03/03 Javascript

详解node中创建服务进程

2017/05/09 Javascript

JS中使用media实现响应式布局

2017/08/04 Javascript

jQury Ajax使用Token验证身份实例代码

2017/09/22 Javascript

浅谈vue的iview列表table render函数设置DOM属性值的方法

2017/09/30 Javascript

简单实现jquery隔行变色

2017/11/09 jQuery

使用angular-cli webpack创建多个包的方法

2018/10/16 Javascript

解决Vue-cli无法编译es6的问题

2020/10/30 Javascript

linux服务器快速卸载安装node环境(简单上手)

2021/02/22 Javascript

在Python的Django框架中生成CSV文件的方法

2015/07/22 Python

儿童学习python的一些小技巧

2018/05/27 Python

Selenium结合BeautifulSoup4编写简单的python爬虫

2020/11/06 Python

python连接手机自动搜集蚂蚁森林能量的实现代码

2021/02/24 Python

Sunglass Hut巴西网上商店：男女太阳镜

2020/10/04 全球购物

学校党的群众路线教育实践活动领导班子对照检查材料

2014/09/25 职场文书

英语教师个人总结

2015/02/09 职场文书

经典爱情感言

2015/08/03 职场文书

五年级语文教学反思

2016/03/03 职场文书

创业计划书之家政服务

2019/09/18 职场文书

css实现文章分割线样式的多种方法总结

2021/04/21 HTML / CSS

matplotlib如何设置坐标轴刻度的个数及标签的方法总结

2021/06/11 Python

redis cluster支持pipeline的实现思路

2021/06/23 Redis

python中__slots__节约内存的具体做法

2021/07/04 Python

JS 基本概念详细介绍

2021/10/16 Javascript

Win11电脑显示本地时间与服务器时间不一致怎么解决?

2022/04/05 数码科技

Java中的Kafka为什么性能这么快及4大核心详析

2022/09/23 Java/Android