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 相关文章推荐
一个不错的应用,用于提交获取文章内容,不推荐用
Mar 03 Javascript
使图片旋转的3种解决方案
Nov 21 Javascript
Jquery uploadify图片上传插件无法上传的解决方法
Dec 16 Javascript
jQuery提交多个表单的小技巧
Jul 27 Javascript
js脚本分页代码分享(7种样式)
Aug 19 Javascript
WEB开发之注册页面验证码倒计时代码的实现
Dec 15 Javascript
JavaScript切换搜索引擎的导航网页搜索框实例代码
Jun 11 Javascript
webpack+react+antd脚手架优化的方法
Apr 02 Javascript
《javascript少儿编程》location术语总结
May 27 Javascript
JavaScript中call和apply方法的区别实例分析
Aug 03 Javascript
angularJs使用ng-repeat遍历后选中某一个的方法
Sep 30 Javascript
Angular8引入百度Echarts进行图表分析的实现代码
Nov 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
PHP将DateTime对象转化为友好时间显示的实现代码
2011/09/20 PHP
关于二级目录拖拽排序的实现(源码示例下载)
2013/04/26 PHP
关于PHP堆栈与列队的学习
2013/06/21 PHP
iOS+PHP注册登录系统 PHP部分(上)
2016/12/26 PHP
javascript 动态table添加colspan\rowspan 参数的方法
2009/07/25 Javascript
使用JavaScript switch case 另类写法
2010/03/14 Javascript
Firefox中beforeunload事件的实现缺陷浅析
2012/05/03 Javascript
js遍历td tr等html元素
2012/12/13 Javascript
javascript使用中为什么10..toString()正常而10.toString()出错呢
2013/01/11 Javascript
window.onload追加函数使用示例
2014/03/03 Javascript
使用不同的方法结合/合并两个JS数组
2014/09/18 Javascript
jQuery form插件的使用之处理server返回的JSON, XML,HTML数据
2016/01/26 Javascript
jQuery返回定位插件详解
2017/05/15 jQuery
解决vue-router进行build无法正常显示路由页面的问题
2018/03/06 Javascript
uniapp实现可以左右滑动导航栏
2020/10/21 Javascript
javascript实现拼图游戏
2021/01/29 Javascript
Python爬虫之正则表达式的使用教程详解
2018/10/25 Python
Python图像处理之gif动态图的解析与合成操作详解
2018/12/30 Python
Python PIL图片添加字体的例子
2019/08/22 Python
解决django-xadmin列表页filter关联对象搜索问题
2019/11/15 Python
解决python 执行sql语句时所传参数含有单引号的问题
2020/06/06 Python
Python爬虫爬取博客实现可视化过程解析
2020/06/29 Python
Django修改app名称和数据表迁移方案实现
2020/09/17 Python
Tory Burch德国官网:美国时尚生活品牌
2018/01/03 全球购物
外企C语言笔试题
2013/11/10 面试题
科室工作的个人自我评价
2013/10/30 职场文书
单位门卫岗位职责
2013/12/20 职场文书
毕业生就业推荐表自我鉴定
2014/03/20 职场文书
本科毕业自我鉴定
2014/03/20 职场文书
《与朱元思书》的教学反思
2014/04/17 职场文书
工商管理专业自荐信
2014/06/03 职场文书
群众路线个人剖析材料
2014/10/07 职场文书
对照四风自我剖析材料
2014/10/07 职场文书
党员个人整改方案及措施
2014/10/25 职场文书
歌咏比赛口号大全
2015/12/25 职场文书
Python实现将多张图片合成MP4视频并加入背景音乐
2022/04/28 Python