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程序设计有所帮助。

Javascript 相关文章推荐
用javascript自动显示最后更新时间
Mar 15 Javascript
jQuery 版本的文本输入框检查器Input Check
Jul 09 Javascript
为jquery.ui.dialog 增加“在当前鼠标位置打开”的功能
Nov 24 Javascript
javascript 程序库的比较(一)之DOM功能
Apr 07 Javascript
THREE.JS入门教程(4)创建粒子系统
Jan 24 Javascript
查询json的数据结构的8种方式简介
Mar 10 Javascript
详解Javascript动态操作CSS
Dec 08 Javascript
移动端JQ插件hammer使用详解
Jul 03 Javascript
jQuery+CSS3实现点赞功能
Mar 13 Javascript
JS处理一些简单计算题
Feb 24 Javascript
用webpack4开发小程序的实现方法
Jun 04 Javascript
javascript解析json格式的数据方法详解
Aug 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实现ODBC数据分页显示一例
2006/10/09 PHP
php中url函数介绍及使用示例
2014/02/13 PHP
php实现httpRequest的方法
2015/03/13 PHP
php中mysql操作buffer用法详解
2015/03/19 PHP
在textarea中屏蔽js的某个function的javascript代码
2007/04/20 Javascript
jQuery为iframe的body添加click事件的实现代码
2011/04/07 Javascript
ModelDialog JavaScript模态对话框类代码
2011/04/17 Javascript
Jquery:ajax实现翻页无刷新功能代码
2013/08/05 Javascript
jquery阻止冒泡事件使用模拟事件
2013/09/06 Javascript
ajax请求乱码的解决方法(中文乱码)
2014/04/10 Javascript
jquery提示效果实例分析
2014/11/25 Javascript
javascript删除元素节点removeChild()用法实例
2015/05/26 Javascript
基于JavaScript实现根据手机定位获取当前具体位置(X省X市X县X街道X号)
2015/12/29 Javascript
JS 通过系统时间限定动态添加 select option的实例代码
2016/06/09 Javascript
微信小程序  Mustache语法详细介绍
2016/10/27 Javascript
jQuery获取this当前对象子元素对象的方法
2016/11/29 Javascript
js判断一个字符串是以某个字符串开头的简单实例
2016/12/27 Javascript
Bootstrap栅格系统使用方法及页面调整变形的解决方法
2017/03/10 Javascript
JavaScript箭头(arrow)函数详解
2017/06/04 Javascript
JavaScript异步上传图片文件的实例代码
2017/07/04 Javascript
javascript数组定义的几种方法
2017/10/06 Javascript
JS表单传值和URL编码转换
2018/03/03 Javascript
使用Angular9和TypeScript开发RPG游戏的方法
2020/03/25 Javascript
[02:39]我与DAC之Newbee.Moogy:从论坛到TI
2018/03/26 DOTA
Python实现远程调用MetaSploit的方法
2014/08/22 Python
linux 下实现python多版本安装实践
2014/11/18 Python
Python yield 使用浅析
2015/05/28 Python
对Python的交互模式和直接运行.py文件的区别详解
2019/06/29 Python
Python3标准库之functools管理函数的工具详解
2020/02/27 Python
HTML5中判断横屏竖屏的方法(移动端)
2016/08/04 HTML / CSS
HTML5 Blob 实现文件下载功能的示例代码
2019/11/29 HTML / CSS
印度首选时尚目的地:Reliance Trends
2018/01/17 全球购物
清明节演讲稿
2014/05/27 职场文书
2014学生会工作总结报告
2014/12/02 职场文书
房产公证书样本
2015/01/23 职场文书
表扬信范文
2015/05/04 职场文书