编程 Javascript

js实现单击图片放大图片的方法

Posted in Javascript onFebruary 17, 2015

本文实例讲述了js实现单击图片放大图片的方法。分享给大家供大家参考。具体实现方法如下：

<html>

<title>单击图片即可放大图片</title>

<body>

点击图片预览效果。<br>

<img src="/images/m01.jpg" onclick="this.width+=50;this.height+=50" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/>

<img src="/images/m02.jpg" onclick="this.style.zoom='2'" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/>

</body>

</html>

希望本文所述对大家的javascript程序设计有所帮助。

js实现单击图片放大图片的方法

- Author -

代码家园

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

完美解决JS中汉字显示乱码问题（已解决）

Dec 27 Javascript

js 操作css实现代码

Jun 11 Javascript

JavaScript字符串对象substring方法入门实例（用于截取字符串）

Oct 17 Javascript

javascript函数声明和函数表达式区别分析

Dec 02 Javascript

JS根据生日算年龄的方法

May 05 Javascript

JavaScript子窗口调用父窗口变量和函数的方法

Oct 09 Javascript

一览画面点击复选框后获取多个id值的方法

May 30 Javascript

移动端jQuery修正Web页面滑动时div问题的两则实例

May 30 Javascript

javascript实现图片左右滚动效果【可自动滚动，有左右按钮】

Sep 19 Javascript

Angular2学习教程之TemplateRef和ViewContainerRef详解

May 25 Javascript

JavaScript的setter与getter方法

Nov 29 Javascript

vue.js中使用echarts实现数据动态刷新功能

Apr 16 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

JavaScript实现文字与图片拖拽效果的方法

Feb 16 #Javascript

jQuery实现点击图片翻页展示效果的方法

Feb 16 #Javascript

You might like

深入理解curl类,可用于模拟get,post和curl下载

2013/06/08 PHP

PHP SPL标准库之文件操作(SplFileInfo和SplFileObject)实例

2015/05/11 PHP

PHP析构函数destruct与垃圾回收机制的讲解

2019/03/22 PHP

20款非常优秀的 jQuery 工具提示插件推荐

2012/07/15 Javascript

JS中for循序中延迟加载动态效果的具体实现

2013/08/18 Javascript

js 获取、清空input type="file"的值示例代码

2014/02/19 Javascript

jquery查找父元素、子元素(个人经验总结)

2014/04/09 Javascript

AngularJs 国际化（I18n/L10n）详解

2016/09/01 Javascript

vue中如何引入jQuery和Bootstrap

2017/04/10 jQuery

JSON数据中存在单个转义字符“\”的处理方法

2018/07/11 Javascript

javascript合并两个数组最简单的实现方法

2019/09/14 Javascript

JS实现简单随机3D骰子

2019/10/24 Javascript

JavaScript实现随机点名程序

2020/03/25 Javascript

JS控制下拉列表左右选择实例代码

2020/05/08 Javascript

JS实现简单打字测试

2020/06/24 Javascript

微信小程序调用后台service教程详解

2020/11/06 Javascript

JavaScript事件概念详解(区分静态注册和动态注册)

2021/02/05 Javascript

[01:20]DOTA2 齐天大圣至宝动态展示

2016/12/13 DOTA

[48:31]完美世界DOTA2联赛PWL S3 DLG vs Phoenix 第二场 12.17

2020/12/19 DOTA

python学习必备知识汇总

2017/09/08 Python

python散点图实例之随机漫步

2018/08/27 Python

python selenium 弹出框处理的实现

2019/02/26 Python

Python实现定时执行任务的三种方式简单示例

2019/03/30 Python

Python实现大数据收集至excel的思路详解

2020/01/03 Python

pandas数据选取：df[] df.loc[] df.iloc[] df.ix[] df.at[] df.iat[]

2020/04/24 Python

什么是Python变量作用域

2020/06/03 Python

CSS3 仿微信聊天小气泡实例代码

2017/04/05 HTML / CSS

CSS3制作圆形滚动进度条动画的示例

2020/11/05 HTML / CSS

波兰品牌内衣及泳装网上商店：Astratex.pl

2017/02/03 全球购物

加拿大鞋网：Globo Shoes

2019/12/26 全球购物

《海伦?凯勒》教学反思

2014/04/17 职场文书

小学教师师德师风自我剖析材料

2014/09/29 职场文书

党的群众路线教育实践活动总结大会主持词

2014/10/30 职场文书

2015年国际护士节演讲稿

2015/03/18 职场文书

党支部评议意见

2015/06/02 职场文书

幼儿园开学家长寄语（2016秋季）

2015/12/03 职场文书