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程序设计有所帮助。

Javascript 相关文章推荐
IE6下出现JavaScript未结束的字符串常量错误的解决方法
Nov 21 Javascript
使用Jquery搭建最佳用户体验的登录页面之记住密码自动登录功能(含后台代码)
Jul 10 Javascript
JavaScript实现的简单幂函数实例
Apr 17 Javascript
移动端JQ插件hammer使用详解
Jul 03 Javascript
kindeditor编辑器点中图片滚动条往上顶的bug
Jul 05 Javascript
悬浮广告方法日常收集整理
Mar 18 Javascript
JavaScript Ajax编程 应用篇
Jul 02 Javascript
老生常谈onBlur事件与onfocus事件(js)
Jul 09 Javascript
vue实例中data使用return包裹的方法
Aug 27 Javascript
如何实现一个webpack模块解析器
Oct 24 Javascript
微信小程序自定义弹窗wcPop插件
Nov 19 Javascript
vue实现滑动切换效果(仅在手机模式下可用)
Jun 29 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
thinkphp中html:list标签传递多个参数实例
2014/10/30 PHP
详解PHP中mb_strpos的使用
2018/02/04 PHP
YII分模块加载路由的实现方法
2018/10/01 PHP
Laravel 解决419错误 -ajax请求错误的问题(CSRF验证)
2019/10/25 PHP
Javascript 网页水印(非图片水印)实现代码
2010/03/01 Javascript
js兼容的placeholder属性详解
2013/08/18 Javascript
JS简单实现文件上传实例代码(无需插件)
2013/11/15 Javascript
修改或扩展jQuery原生方法的代码实例
2015/01/13 Javascript
JavaScript获取表格(table)当前行的值、删除行、增加行
2015/07/03 Javascript
vue2.0实现前端星星评分功能组件实例代码
2018/02/12 Javascript
vue addRoutes实现动态权限路由菜单的示例
2018/05/15 Javascript
详解CommonJS和ES6模块循环加载处理的区别
2018/12/26 Javascript
js实现幻灯片轮播图
2020/08/14 Javascript
python的即时标记项目练习笔记
2014/09/18 Python
简单解决Python文件中文编码问题
2015/11/22 Python
动感网页相册 python编写简单文件夹内图片浏览工具
2016/08/17 Python
python3.6.3+opencv3.3.0实现动态人脸捕获
2018/05/25 Python
利用python numpy+matplotlib绘制股票k线图的方法
2019/06/26 Python
pytorch载入预训练模型后,实现训练指定层
2020/01/06 Python
python如何随机生成高强度密码
2020/08/19 Python
python 无损批量压缩图片(支持保留图片信息)的示例
2020/09/22 Python
使用CSS3实现一个3D相册效果实例
2016/12/03 HTML / CSS
CSS3实现全景图特效示例代码
2018/03/26 HTML / CSS
详解通过focusout事件解决IOS键盘收起时界面不归位的问题
2019/07/18 HTML / CSS
Bluebella法国官网:英国性感内衣品牌
2019/05/03 全球购物
两道JAVA笔试题
2016/09/14 面试题
摄影实习自我鉴定
2013/09/20 职场文书
简历自荐信
2013/12/02 职场文书
美德少年事迹材料
2014/01/23 职场文书
民族团结好少年事迹材料
2014/08/19 职场文书
处级领导干部四风问题自我剖析材料
2014/09/29 职场文书
民用住房租房协议书
2014/10/29 职场文书
2014年库房工作总结
2014/11/26 职场文书
安全生产警示教育活动总结
2015/05/09 职场文书
大学学习委员竞选稿
2015/11/20 职场文书
小学班长竞选稿
2015/11/20 职场文书