编程 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 相关文章推荐

jquery 问答知识整理

Feb 11 Javascript

JS阻止事件冒泡行为和闭包的方法

Jun 16 Javascript

Node.js DES加密的简单实现

Jul 07 Javascript

深入分析javascript中console命令

Aug 14 Javascript

JavaScript中利用构造器函数模拟类的方法

Feb 16 Javascript

vue中引入第三方字体文件的方法示例

Dec 17 Javascript

vue+高德地图写地图选址组件的方法

May 18 Javascript

vue store之状态管理模式的详细介绍

Jun 13 Javascript

Vue 2.0 侦听器 watch属性代码详解

Jun 19 Javascript

js+canvas实现简单扫雷小游戏

Jan 22 Javascript

JavaScript运行机制实例分析

Apr 11 Javascript

Angular8 简单表单验证的实现示例

Jun 03 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

PHP文章按日期(月日)SQL归档语句

2012/11/29 PHP

既简单又安全的PHP验证码附调用方法

2016/06/02 PHP

thinkPHP5框架接口写法简单示例

2019/08/05 PHP

JavaScript的面向对象(一)

2006/11/09 Javascript

一个js封装的不错的选项卡效果代码

2008/02/15 Javascript

JavaScript 自动分号插入（JavaScript synat:auto semicolon insertion）

2009/11/04 Javascript

js类型检查实现代码

2010/10/29 Javascript

jQuery实现可拖动的浮动层完整代码

2013/05/27 Javascript

jquery 隐藏与显示tr标签示例代码

2014/06/06 Javascript

浏览器兼容性问题大汇总

2015/12/17 Javascript

Angular.js中ng-include用法及多标签页面的实现方式详解

2017/05/07 Javascript

AngularJS监听ng-repeat渲染完成的两种方法

2018/01/16 Javascript

原生JS实现瀑布流插件

2018/02/06 Javascript

JS判断用户用的哪个浏览器实例详解

2018/10/09 Javascript

微信小程序实现购物车代码实例详解

2019/08/29 Javascript

Node.js学习教程之Module模块

2019/09/03 Javascript

微信小程序之滑动页面隐藏和显示组件功能的实现代码

2020/06/19 Javascript

jQuery实现计算器功能

2020/10/19 jQuery

[50:21]Liquid vs Winstrike 2018国际邀请赛小组赛BO2 第二场

2018/08/19 DOTA

利用Python的Django框架生成PDF文件的教程

2015/07/22 Python

11月编程语言排行榜 Python逆袭C#上升到第4

2017/11/15 Python

Python之dict(或对象)与json之间的互相转化实例

2018/06/05 Python

详解Python字符串切片

2019/05/20 Python

简单了解python的一些位运算技巧

2019/07/13 Python

Pandas DataFrame中的tuple元素遍历的实现

2019/10/23 Python

Python模拟登录之滑块验证码的破解(实例代码)

2019/11/18 Python

利用python对mysql表做全局模糊搜索并分页实例

2020/07/12 Python

pycharm激活方法到2099年(激活流程)

2020/09/22 Python

澳大利亚领先的宠物用品商店：VetSupply

2017/09/08 全球购物

车库门开启器、遥控器和零件：Chamberlain

2019/04/09 全球购物

房地产财务管理制度

2014/02/02 职场文书

团支部推优材料

2014/05/21 职场文书

2014年高数考试作弊检讨书

2014/12/14 职场文书

民政工作个人总结

2015/02/28 职场文书

酒店前台接待岗位职责

2015/04/02 职场文书

Vue.js中v-bind指令的用法介绍

2022/03/13 Vue.js