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 相关文章推荐
动态控制Table的js代码
Mar 07 Javascript
JavaScript Array Flatten 与递归使用介绍
Oct 30 Javascript
js简易namespace管理器 实例代码
Jun 21 Javascript
深入理解javascript中defer的作用
Dec 11 Javascript
基于jQuery实现文本框缩放以及上下移动功能
Nov 24 Javascript
javascript发送短信验证码实现代码
Nov 12 Javascript
JavaScript数组的栈方法与队列方法详解
May 26 Javascript
Javascript中的数组常用方法解析
Jun 17 Javascript
javascript中获取元素标签中间的内容的实现方法
Oct 08 Javascript
微信小程序实时聊天WebSocket
Jul 05 Javascript
vue组件之间通信实例总结(点赞功能)
Dec 05 Javascript
微信小程序--特定区域滚动到顶部时固定的方法
Apr 28 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
Laravel使用Queue队列的技巧汇总
2019/09/02 PHP
基于jquery1.4.2的仿flash超炫焦点图播放效果
2010/04/20 Javascript
原生js 秒表实现代码
2012/07/24 Javascript
关于jquery input textare 事件绑定及用法学习
2013/04/03 Javascript
jQuery链使用指南
2015/01/20 Javascript
Jquery注册事件实现方法
2015/05/18 Javascript
jQuery实现表单步骤流程导航代码分享
2015/08/28 Javascript
详解angularJS自定义指令间的相互交互
2017/07/05 Javascript
小程序组件之仿微信通讯录的实现代码
2018/09/12 Javascript
vue 左滑删除功能的示例代码
2019/01/28 Javascript
微信小程序搜索功能(附:小程序前端+PHP后端)
2019/02/28 Javascript
[41:56]Spirit vs Liquid Supermajor小组赛A组 BO3 第一场 6.2
2018/06/03 DOTA
[10:28]2018DOTA2国际邀请赛寻真——VGJ.S寻梦之路
2018/08/15 DOTA
python登录pop3邮件服务器接收邮件的方法
2015/04/30 Python
用Python实现一个简单的能够上传下载的HTTP服务器
2015/05/05 Python
python从入门到精通(DAY 2)
2015/12/20 Python
python导入时小括号大作用
2017/01/10 Python
Python的标准模块包json详解
2017/03/13 Python
python 实现判断ip连通性的方法总结
2018/04/22 Python
Django分页查询并返回jsons数据(中文乱码解决方法)
2018/08/02 Python
Python干货:分享Python绘制六种可视化图表
2018/08/27 Python
手机使用python操作图片文件(pydroid3)过程详解
2019/09/25 Python
python入门之基础语法学习笔记
2020/02/08 Python
Python导入模块包原理及相关注意事项
2020/03/25 Python
win10从零安装配置pytorch全过程图文详解
2020/05/08 Python
Python将字典转换为XML的方法
2020/08/01 Python
Python编写单元测试代码实例
2020/09/10 Python
基于HTML5的WebGL经典3D虚拟机房漫游动画
2017/11/15 HTML / CSS
html5实现多图片预览上传及点击可拖拽控件
2018/03/15 HTML / CSS
小学美术教学反思
2014/02/01 职场文书
2014年党员自我评议(5篇)
2014/09/12 职场文书
员工年终考核评语
2014/12/31 职场文书
2015年反洗钱工作总结
2015/04/25 职场文书
2015年初一班主任工作总结
2015/05/13 职场文书
个人的事迹材料怎么写
2019/04/24 职场文书
关于flex 上下文中自动 margin的问题(完整例子)
2021/05/20 HTML / CSS