js放大图片效果

① 求一个简单的点击图片放大缩小的js代码

1、准备好需要用到的图标。

② jS控制图片的放大和缩小

用js控制图片额大小。主要是修改图片的宽度和高度。下面是简单的代码实专现：

HTML 代码：

<imgsrc='../1.jgp'id='img'/>

这个时候img的图属片自身是多大，就会显示多大。100px*100px的图。

js代码：

varoImg=document.getElementById('img');
oImg.width='50px';//当给img标签的宽度设置为50px后，高度会自动按比例缩小。
oImg.width='200px'//当给img标签的宽度设置为200px后，高度会自动按比例扩大。

③ 在html中怎么用js实现鼠标指向图片时图片放大的效果（具体实现）

分别写一个onmouseover和onmouseout事件。然后在事件里面加一个function，分别写想要放大的尺寸和缩小或复原的尺寸。

JavaScript官方API接口-GlobalEventHandlers.onmouseover

JavaScript官方API接口-GlobalEventHandlers.onmouseout

W3cSchool-JavaScript 事件参考手册

④ JS中onmouseover图片放大onmouseout 图片恢复原状

<img id="Img1" alt="" src="~/images/index.gif" onmouseout="document.getElementById('Img1').width='100';" onmouseover="document.getElementById('Img1').width='500';" /> 改一下图片位置，和其它设置就可了！

⑤ 我想用js写图片点击后放大的效果，怎么写，求助