编程 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 22 Javascript

javascript获取当前鼠标坐标的方法

Jan 10 Javascript

js游戏人物上下左右跑步效果代码分享

Aug 28 Javascript

详解Javascript中的Object对象

Feb 28 Javascript

Angularjs 自定义服务的三种方式(推荐)

Aug 02 Javascript

为jQuery-easyui的tab组件添加右键菜单功能的简单实例

Oct 10 Javascript

JS实现的几个常用算法

Nov 12 Javascript

Vue组件中prop属性使用说明实例代码详解

May 31 Javascript

微信小程序人脸识别功能代码实例

May 07 Javascript

vue实现将一个数组内的相同数据进行合并

Nov 07 Javascript

vue实现虚拟列表功能的代码

Jul 28 Javascript

vue 组件之间事件触发($emit)与event Bus($on)的用法说明

Jul 28 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动态生成VRML网页

2006/10/09 PHP

php PDO中文乱码解决办法

2009/07/20 PHP

DedeCMS dede_channeltype表字段注释

2010/04/07 PHP

PHP $_FILES函数详解

2011/03/09 PHP

PHP生成plist数据的方法

2015/06/16 PHP

PHP用mb_string函数库处理与windows相关中文字符及Win环境下开启PHP Mb_String方法

2015/11/11 PHP

PHP的Yii框架的常用日志操作总结

2015/12/08 PHP

Javascript - HTML的request类

2006/07/15 Javascript

js文字滚动停顿效果代码

2008/06/28 Javascript

jquery中的on方法使用介绍

2013/12/29 Javascript

Immutable 在 JavaScript 中的应用

2016/05/02 Javascript

Bootstrap中文本框的宽度变窄并且加入一副验证码图片的实现方法

2016/06/23 Javascript

JavaScript 实现的checkbox经典实例分享

2016/10/16 Javascript

Nodejs+Socket.io实现通讯实例代码

2017/02/13 NodeJs

React-router 4 按需加载的实现方式及原理详解

2017/05/25 Javascript

前端把html表格生成为excel表格的实例

2017/09/19 Javascript

基于vue.js无缝滚动效果

2018/01/25 Javascript

Vue利用canvas实现移动端手写板的方法

2018/05/03 Javascript

vue和webpack打包项目相对路径修改的方法

2018/06/15 Javascript

vue组件文档（.md）中如何自动导入示例（.vue）详解

2019/01/25 Javascript

VUE解决微信签名及SPA微信invalid signature问题(完美处理)

2019/03/29 Javascript

Vue实现剪贴板复制功能

2019/12/31 Javascript

Python实现股市信息下载的方法

2015/06/15 Python

Python求解任意闭区间的所有素数

2018/06/10 Python

python 按不同维度求和,最值,均值的实例

2018/06/28 Python

Python异常处理例题整理

2019/07/07 Python

CSS3中各种颜色属性的使用教程

2016/05/17 HTML / CSS

Saucony澳大利亚官网：美国跑鞋品牌，运动鞋中的劳斯莱斯

2018/05/05 全球购物

英国玛莎百货美国官网：Marks & Spencer美国

2018/11/06 全球购物

试用期员工考核制度

2014/01/22 职场文书

《雕塑之美》教学反思

2014/04/24 职场文书

餐厅筹备计划书

2014/04/25 职场文书

销售个人求职信范文

2014/04/28 职场文书

任命书范本大全

2014/06/06 职场文书

2014旅游局领导班子四风问题对照检查材料思想汇报

2014/09/19 职场文书

2014年社区民政工作总结

2014/12/02 职场文书