分别写一个onmouseover和onmouseout事件然后在事件里面加一个function，分别写想要放大的尺寸和缩小或复原的尺寸具体代码实现如下ltimg id=quotimgquot onmouseover=quotbiggerquot onmouseout=quotsmallerquot src=quot你的图片路径quot style。

1直接添加宽高属性ltimg src=quotquot width=quot200quot height=quot200quot 2在样式表中定义img height200pxwidth200px 这样的弊端是如果图片比例不等就会出现图片拉伸，要么改图片或限制图片最大宽高度，后者建议使。

富文本编辑器中需支持图片点击放大功能，也可用这种方式实现 原效果点击放大后的效果。

maximumscale=2 表示页面最大放大2倍，这样你只要双击图片就可以实现放大了，如果是要js来实现的话 那就得写拖动插件了 原理先改变图片那个div的宽度为2倍然后定义那个div为绝对定位，这个div可以拖动需要js来监听。

图片放大可以用和这个方法，图片放大后不会失真 第一步，添加需要放大的图片 第二步，批量添加，如果多余可以删除 第三步，可以选择风格，降噪程度 第四步，选择放大倍数 第五步，自定义输出位置 第六步，设置完成后点击。

下面我们来看下示例代码在这个示例中当你点击图片时图片就会出现上图效果，再一次点击时就变成原始图片了lt！DOCTYPE html lthtml lthead ltmeta charset=quotutf8quot lttitle放大镜lttitle lt！HTML代码设计一个。

用JavaScript实现图片点击放大再次点击恢复代码如下JavaScript一种直译式脚本语言，是一种动态类型弱类型基于原型的语言，内置支持类型它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是。

用JavaScript实现图片点击放大再次点击恢复代码如下知识拓展JavaScript 是目前所有主流浏览器上唯一支持的脚本语言，这也是早期JavaScript的唯一用途其主要作用是在不与服务器交互的情况下修改HTML页面内容，因此其最关键的部分。

可以用js来实现 应该获取屏幕的分辨率，还有把图片固定在屏幕上positionfixed代码如下lthtml xmlns=quot lthead ltmeta。

用js实现图片点击时放大，再点击恢复的方法1页面定义区片区域ltimg src=quotImageshomejpgquot id=quotImg1quot width=quot118quot height=quot106quot border=quot0quot ltimg src=quotImagesmachinejpgquot id=quotImg2quot width=quot118quot。

操作方法如下1以Hbuilder来讲解，首先新建一个HTML页面，如图2接着给标签设置背景图片，如图设置的是ltbody标签3然后新建一个css文件，如图4这里给body标签设置backgroundsize属性，如果标签是div就写div。

你是要放大镜效果吧，找JQ放大镜效果，然后加到你的网页中调用就可以了。

附件是一个简单的点击放大的效果， 你可以看一下。

用CSS3 @media 查询 也叫“媒体查询”语法aaawidth1200px 正常样式 下面是分辨率最小为300px，最大分辨率为1024px的样式 media screen and minwidth 300px and maxwidth1024px aaaw。

这个简单啊，点击时获取超链接对象然后对象stylefontSize=quot36pxquot 这个值由你设置如lta href=quotquot id=quotmyABquot style=quotfontsize14pxquot我是超链接ltaltinput type=quotbuttonquot value=quot放大quot onclick=quot。