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寫圖片點擊後放大的效果，怎麼寫，求助