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

javascript 多种搜索引擎集成的页面实现代码

Jan 02 Javascript

js 跳出页面的frameset框架示例介绍

Dec 23 Javascript

js通过元素class名字获取元素集合的具体实现

Jan 06 Javascript

网页运行时提示对象不支持abigimage属性或方法

Aug 10 Javascript

JS加载器如何动态加载外部js文件

May 26 Javascript

利用JavaScript实现拖拽改变元素大小

Dec 14 Javascript

jQuery插件实现弹性运动完整示例

Jul 07 jQuery

vue打包相关细节整理(小结)

Sep 28 Javascript

Vue 引入AMap高德地图的实现代码

Apr 29 Javascript

javascript实现动态时钟的启动和停止

Jul 29 Javascript

JS实现百度搜索框

Feb 25 Javascript

JavaScript获取URL参数的方法分享

Apr 07 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判断所处服务器操作系统的类型

2013/06/20 PHP

php将print_r处理后的数据还原为原始数组的解决方法

2016/11/02 PHP

javascript之对系统的toFixed()方法的修正

2007/05/08 Javascript

CSS+Jquery实现页面圆角框方法大全

2009/12/24 Javascript

JavaScript 计算图片加载数量的代码

2011/01/01 Javascript

验证码在IE中不刷新而谷歌等浏览器正常的解决方案

2014/03/18 Javascript

使用js dom和jquery分别实现简单增删改

2014/09/11 Javascript

node.js中的fs.chmodSync方法使用说明

2014/12/18 Javascript

jQuery对象的selector属性用法实例

2014/12/27 Javascript

JavaScript实现防止网页被嵌入Frame框架的代码分享

2014/12/29 Javascript

jQuery中nextAll()方法用法实例

2015/01/07 Javascript

微信小程序 Mustache语法详细介绍

2016/10/27 Javascript

JavaScript自定义分页样式

2017/01/17 Javascript

详谈js对url进行编码和解码(三种方式的区别)

2017/08/16 Javascript

nodejs+mongodb aggregate级联查询操作示例

2018/03/17 NodeJs

layui实现数据表格自定义数据项

2019/10/26 Javascript

Vue项目页面跳转时浏览器窗口上方显示进度条功能

2020/03/26 Javascript

Javascript幻灯片播放功能实现过程解析

2020/05/07 Javascript

JavaScript构造函数原理及实现流程解析

2020/11/19 Javascript

Python随机生成彩票号码的方法

2015/03/05 Python

Python的Tornado框架实现异步非阻塞访问数据库的示例

2016/06/30 Python

分享一个可以生成各种进制格式IP的小工具实例代码

2017/07/28 Python

python音频处理用到的操作的示例代码

2017/10/27 Python

对Python中type打开文件的方式介绍

2018/04/28 Python

Python制作微信好友背景墙教程（附完整代码）

2019/07/17 Python

Python中sys模块功能与用法实例详解

2020/02/26 Python

django项目中新增app的2种实现方法

2020/04/01 Python

Python转换字典成为对象,可以用"."方式访问对象属性实例

2020/05/11 Python

css3实现动画的三种方式

2020/08/24 HTML / CSS

AVON雅芳官网：世界上最大的美容化妆品公司之一

2016/11/02 全球购物

西班牙太阳镜品牌：Hawkers

2018/03/11 全球购物

印度第一网上礼品店：IGP.com

2020/02/06 全球购物

关于旷工的检讨书

2014/02/02 职场文书

善意的谎言事例

2014/02/15 职场文书

志愿者服务感言

2014/02/27 职场文书

如何理解Vue前后端数据交互与显示

2021/05/10 Vue.js