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

在IE模态窗口中自由查看HTML源码的方法

Mar 08 Javascript

获取dom元素那些讨厌的位置封装代码

Jun 23 Javascript

JavaScript 原型链学习总结

Oct 29 Javascript

Jquery对select的增、删、改、查操作

Feb 06 Javascript

前端js文件合并的三种方式推荐

May 19 Javascript

浅谈JS中逗号运算符的用法

Jun 12 Javascript

jQuery实现浏览器之间跳转并传递参数功能【支持中文字符】

Mar 28 jQuery

js传递数组参数到后台controller的方法

Mar 29 Javascript

webpack 样式加载的实现原理

Jun 12 Javascript

webpack+vue+express(hot)热启动调试简单配置方法

Sep 19 Javascript

微信小程序实现弹出层效果

May 26 Javascript

生成无限制的微信小程序码的示例代码

Sep 20 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实现留言板功能（代码详解）

2017/03/28 PHP

一个简单的js鼠标划过切换效果

2010/06/30 Javascript

JS实现的文字与图片定时切换效果代码

2015/10/06 Javascript

jquery配合.NET实现点击指定绑定数据并且能够一键下载

2016/10/28 Javascript

解析JavaScript模仿块级作用域

2016/12/29 Javascript

Google 爬虫如何抓取 JavaScript 的内容

2017/04/07 Javascript

Javascript ES6中数据类型Symbol的使用详解

2017/05/02 Javascript

es6系列教程_ Map详解以及常用api介绍

2017/09/25 Javascript

react-native封装插件swiper的使用方法

2018/03/20 Javascript

vue使用自定义icon图标的方法

2018/05/14 Javascript

Vue项目History模式404问题解决方法

2018/10/31 Javascript

Node.js原生api搭建web服务器的方法步骤

2019/02/15 Javascript

vue 源码解析之虚拟Dom-render

2019/08/26 Javascript

vscode 配置vue+vetur+eslint+prettier自动格式化功能

2020/03/23 Javascript

javascript实现倒计时关闭广告

2021/02/09 Javascript

[02:33]2018DOTA2亚洲邀请赛赛前采访——LGD

2018/04/04 DOTA

Python编程判断这天是这一年第几天的方法示例

2017/04/18 Python

如何优雅地改进Django中的模板碎片缓存详解

2018/07/04 Python

python2与python3的print及字符串格式化小结

2018/11/30 Python

Python读取YUV文件,并显示的方法

2018/12/04 Python

centos7中安装python3.6.4的教程

2019/12/11 Python

Python函数生成器原理及使用详解

2020/03/12 Python

Python socket处理client连接过程解析

2020/03/18 Python

tensorflow使用L2 regularization正则化修正overfitting过拟合方式

2020/05/22 Python

naturalizer加拿大官网：美国娜然女鞋

2017/04/04 全球购物

写自荐信的七个技巧

2013/10/15 职场文书

学生会主席事迹材料

2014/01/28 职场文书

入学申请自荐信范文

2014/02/26 职场文书

岗位廉政承诺书

2014/03/27 职场文书

商业融资计划书

2014/04/29 职场文书

项目申请汇报材料

2014/08/16 职场文书

奔腾年代观后感

2015/06/09 职场文书

小学音乐课教学反思

2016/02/18 职场文书

为什么MySQL 删除表数据磁盘空间还一直被占用

2021/10/16 MySQL

浅谈克隆 JavaScript

2021/11/02 Javascript

Vue.Draggable实现交换位置

2022/04/07 Vue.js