编程 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函数

Aug 01 Javascript

javascript 操作cookies及正确使用cookies的属性

Oct 15 Javascript

基于jQuery的可用于选项卡及幻灯的切换插件

Mar 28 Javascript

Javascript根据指定下标或对象删除数组元素

Dec 21 Javascript

javascript+canvas实现刮刮卡抽奖效果

Jul 29 Javascript

JS实现弹性菜单效果代码

Sep 07 Javascript

jquery实现全屏滚动

Dec 28 Javascript

微信小程序绘图之饼图实现

Oct 24 Javascript

Vue.js组件tree实现省市多级联动

Dec 02 Javascript

react native仿微信PopupWindow效果的实例代码

Aug 07 Javascript

微信小程序项目实践之九宫格实现及item跳转功能

Jul 19 Javascript

微信小程序 WXML节点信息查询详解

Jul 29 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跨域cookie共享使用方法

2014/02/20 PHP

基于PHP的简单采集数据入库程序

2014/07/30 PHP

PHP面向对象精要总结

2014/11/07 PHP

php制作文本式留言板

2015/03/18 PHP

PHP动态规划解决0-1背包问题实例分析

2015/03/23 PHP

Laravel中批量赋值Mass-Assignment的真正含义详解

2017/09/29 PHP

PHP面向对象之里氏替换原则简单示例

2018/04/08 PHP

Yii框架日志记录Logging操作示例

2018/07/12 PHP

PHP数字金额转换成中文大写显示

2019/01/05 PHP

JS调用页面表格导出excel示例代码

2014/03/18 Javascript

JavaScript中的small()方法使用详解

2015/06/08 Javascript

AngularJS使用ngOption实现下拉列表的实例代码

2016/01/23 Javascript

使用DeviceOne实现微信小程序功能

2016/12/29 Javascript

基于vue v-for 循环复选框-默认勾选第一个的实现方法

2018/03/03 Javascript

Bootstrap4 gulp 配置详解

2019/01/06 Javascript

JavaScript设计模式之观察者模式实例详解

2019/01/16 Javascript

JavaScript刷新页面的几种方法总结

2019/03/28 Javascript

微信小程序 wx:for 与 wx:for-items 与 wx:key的正确用法

2020/05/19 Javascript

使用webpack5从0到1搭建一个react项目的实现步骤

2020/12/16 Javascript

详解为什么Vue中的v-if和v-for不建议一起用

2021/01/13 Vue.js

pandas.DataFrame 根据条件新建列并赋值的方法

2018/04/08 Python

Python中偏函数用法示例

2018/06/07 Python

Python面向对象基础入门之设置对象属性

2018/12/11 Python

详解pandas库pd.read_excel操作读取excel文件参数整理与实例

2019/02/17 Python

Python循环结构的应用场景详解

2019/07/11 Python

python垃圾回收机制(GC)原理解析

2019/12/30 Python

Python基础之列表常见操作经典实例详解

2020/02/26 Python

canvas学习总结三之绘制路径-线段

2019/01/31 HTML / CSS

什么时候用assert

2015/05/08 面试题

会计系个人求职信范文分享

2013/12/20 职场文书

物业门卫岗位职责

2013/12/28 职场文书

物业公司采购员岗位职责

2013/12/31 职场文书

初中科学教学反思

2014/01/21 职场文书

物业保安员岗位职责

2014/03/14 职场文书

教导主任竞聘演讲稿

2014/05/16 职场文书

Linux磁盘管理方法介绍

2022/06/01 Servers