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

AJAX异步从优酷专辑中采集所有视频及信息（JavaScript代码）

Nov 20 Javascript

基于jQuery的输入框在光标位置插入内容, 并选中

Oct 29 Javascript

javascript提取URL的搜索字符串中的参数(自定义函数实现)

Jan 22 Javascript

JavaScript实现列表分页功能特效

May 15 Javascript

jQuery-mobile事件监听与用法详解

Nov 23 Javascript

微信小程序中使元素占满整个屏幕高度实现方法

Dec 14 Javascript

jQuery插件HighCharts绘制2D柱状图、折线图的组合双轴图效果示例【附demo源码下载】

Mar 09 Javascript

vue拦截器Vue.http.interceptors.push使用详解

Apr 22 Javascript

vue better scroll 无法滚动的解决方法

Jun 07 Javascript

Vue iview-admin框架二级菜单改为三级菜单的方法

Jul 03 Javascript

详解Require.js与Sea.js的区别

Aug 05 Javascript

利用js实现简易红绿灯

Oct 15 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合并数组函数array_merge用法分析

2017/02/17 PHP

php框架CI（codeigniter）自动加载与自主创建对象操作实例分析

2020/06/06 PHP

Laravel统一错误处理为JSON的方法介绍

2020/10/18 PHP

用JavaScript脚本实现Web页面信息交互

2006/10/11 Javascript

[JS源码]超长文章自动分页（客户端版）

2007/01/09 Javascript

javascript中RegExp保留小数点后几位数的方法分享

2013/08/13 Javascript

js实现Select下拉框具有输入功能的方法

2015/02/06 Javascript

jQuery oLoader实现的加载图片和页面效果

2015/03/14 Javascript

JavaScript图像延迟加载库Echo.js

2016/04/05 Javascript

JQuery实现DIV其他动画效果的简单实例

2016/09/18 Javascript

js实现下拉菜单效果

2017/03/01 Javascript

vue.js从安装到搭建过程详解

2017/03/17 Javascript

JS实现去除数组中重复json的方法示例

2017/12/21 Javascript

javascript用rem来做响应式开发

2018/01/13 Javascript

通过实例讲解JS如何防抖动

2019/06/15 Javascript

layui.tree组件的使用以及搜索节点功能的实现

2019/09/26 Javascript

原生JS运动实现轮播图

2021/01/02 Javascript

python二叉树遍历的实现方法

2013/11/21 Python

用python代码做configure文件

2014/07/20 Python

python命令行参数解析OptionParser类用法实例

2014/10/09 Python

python统计日志ip访问数的方法

2015/07/06 Python

Python获取linux主机ip的简单实现方法

2016/04/18 Python

python通过Windows下远程控制Linux系统

2018/06/20 Python

Python日志无延迟实时写入的示例

2019/07/11 Python

pygame实现俄罗斯方块游戏（基础篇3）

2019/10/29 Python

在tensorflow中实现屏蔽输出的log信息

2020/02/04 Python

利用python画出AUC曲线的实例

2020/02/28 Python

可视化pytorch 模型中不同BN层的running mean曲线实例

2020/06/24 Python

Python图像处理二值化方法实例汇总

2020/07/24 Python

HTML5实现晶莹剔透的雨滴特效

2014/05/14 HTML / CSS

印度尼西亚在线时尚购物网站：ZALORA印尼

2016/08/02 全球购物

美国机场停车位预订：About Airport Parking

2018/03/26 全球购物

Wiggle美国：英国骑行、跑步、游泳、铁人三项商店

2018/10/27 全球购物

学校岗位设置方案

2014/01/16 职场文书

营销部内勤岗位职责

2014/04/30 职场文书

2014年残联工作总结

2014/11/21 职场文书