编程 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 设置文本框中焦点的位置

Nov 20 Javascript

JQuery入门——事件切换之toggle()方法应用介绍

Feb 05 Javascript

JavaScript代码应该放在HTML代码哪个位置比较好？

Oct 16 Javascript

RequireJS多页面应用实例分析

Jun 29 Javascript

快速掌握jQuery插件开发

Jan 19 Javascript

Js利用console计算代码运行时间的方法示例

Sep 24 Javascript

laravel5.3 vue 实现收藏夹功能实例详解

Jan 21 Javascript

JS实现图片转换成base64的各种应用场景实例分析

Jun 22 Javascript

在node环境下parse Smarty模板的使用示例代码

Nov 15 Javascript

JS遍历树层级关系实现原理解析

Aug 31 Javascript

JS如何调用WebAssembly编译出来的.wasm文件

Nov 05 Javascript

夯基础之手撕javascript继承详解

Nov 09 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

PHPlet在Windows下的安装

2006/10/09 PHP

php计算整个目录大小的方法

2015/06/19 PHP

php 中phar包的使用教程详解

2018/10/26 PHP

深入分析PHP设计模式

2020/06/15 PHP

利用jQuery操作对象数组的实现代码

2011/04/27 Javascript

JS的document.all函数使用示例

2013/12/30 Javascript

JavaScript实现快速排序的方法

2015/07/31 Javascript

Javascript实现图片轮播效果(二)图片序列节点的控制实现

2016/02/17 Javascript

jQuery实现下拉框左右移动（全部移动，已选移动）

2016/04/15 Javascript

jquery事件与绑定事件

2017/03/16 Javascript

jqueryUI tab标签页代码分享

2017/10/09 jQuery

解决option标签selected="selected"属性失效的问题

2017/11/06 Javascript

Vue的elementUI实现自定义主题方法

2018/02/23 Javascript

JavaScript模拟实现自由落体效果

2018/08/28 Javascript

解决angular2 获取到的数据无法实时更新的问题

2018/08/31 Javascript

详解一个基于react+webpack的多页面应用配置

2019/01/21 Javascript

VuePress 静态网站生成方法步骤

2019/02/14 Javascript

微信小程序配置服务器提示验证token失败的解决方法

2019/04/03 Javascript

layui实现把数据表格时间戳转换为时间格式的例子

2019/09/12 Javascript

layui实现数据表格隐藏列的示例

2019/10/25 Javascript

nuxt+axios实现打包后动态修改请求地址的方法

2020/04/22 Javascript

python编程使用selenium模拟登陆淘宝实例代码

2018/01/25 Python

python用户管理系统

2018/03/13 Python

virtualenv 指定 python 解释器的版本方法

2018/10/25 Python

解决django前后端分离csrf验证的问题

2019/02/03 Python

解决阿里云邮件发送不能使用25端口问题

2020/08/07 Python

python爬取音频下载的示例代码

2020/10/19 Python

C#如何调用Word并打开一个Word文档

2013/05/08 面试题

厨师个人自我鉴定范文

2014/04/19 职场文书

基层党员对照检查材料

2014/09/24 职场文书

干部四风问题整改措施思想汇报

2014/10/13 职场文书

人事专员岗位职责

2015/02/03 职场文书

小学班级管理心得体会

2016/01/07 职场文书

Python合并pdf文件的工具

2021/07/01 Python

java固定大小队列的几种实现方式详解

2021/07/15 Java/Android

MySQL存储过程及语法详解

2022/08/05 MySQL