js实现双击图片放大单击缩小的方法
更新时间：2015年02月17日 11:56:45 作者：代码家园
这篇文章主要介绍了js实现双击图片放大单击缩小的方法,涉及js操作图片及onclick与ondblclick事件的使用技巧,需要的朋友可以参考下
本文实例讲述了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>
<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程序设计有所帮助。
相关文章
下面小编就为大家带来一篇dedecms页面如何获取会员状态的实例代码。一起跟随小编过来看看吧，希望对大家有所帮助。2016-03-03
这篇文章主要介绍了jQuery获取随机颜色的实例代码,非常不错，具有一定的参考借鉴价值，感兴趣的朋友跟随脚本之家小编来学习吧2018-05-05
基于BootStrap Metronic开发框架经验小结【二】列表分页处理和插件JSTree的使用
本文给大家介绍基于BootStrap Metronic开发框架经验小结【二】列表分页处理和插件JSTree的使用，介绍页面内容常用到的数据分页处理，以及Bootstrap插件JSTree的使用，非常具有参考借鉴价值，感兴趣的朋友一起学习吧2016-05-05
这篇文章主要为大家详细介绍了微信小程序页面上下滚动效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-07-07
日常生活中，我们经常会见到形形色色的抽奖活动，例如九宫格、大转盘等等……本文就来教大家如何利用JavaScript制作个简单的大转盘游戏，感兴趣的可以了解一下2023-02-02
JS实现模拟百度搜索“2012世界末日”网页地震撕裂效果代码
这篇文章主要介绍了JS实现模拟百度搜索“2012世界末日”网页地震撕裂效果代码,引入第三方插件实现页面的抖动、撕裂及图片等效果,需要的朋友可以参考下2015-10-10
本篇文章主要是对使用JS实现将人民币金额转换为大写的示例代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
在服务器端的单元测试中，都有各种各样的测试框架，在JavaScript中现在也有一些很优秀的框架，但在本文中，我们将自己动手一步步来实现一个简单的单元测试框架2012-04-04
Span元素的width属性无效果原因及解决方案2010-01-01
在Twitter上的一些有趣的讨论中, 我发现人们对于Web应用和站点对javascript的依赖普遍存在一种疑惑. 这种疑惑一直都存在, 而对我而言, 这个问题随着浏览技术的飞跃发展而集中爆发了2013-10-10
最新评论