[JS] 滑鼠移到圖片變大 | Resize Image OnMouseOver

今天友人問到如何要將單張圖片設定成滑鼠移到上面時，圖片會自動變大，我知道有些Blog會自動提供這種功能，雖然我不曉得自動變大有啥好處，但還是將語法跟他說了，順便分享一下。

其實很簡單，在要變大的那張圖片上加入onMouseOver與onMouseOut事件，控制放大與復原就好，語法如下。

<img src="http://www.died.tw/favicon.ico" width="32" height="32">
改成
<img src="http://www.died.tw/favicon.ico" width="32" height="32" onMouseOver="this.width=this.width*1.5;this.height=this.height*1.5" onMouseOut="this.width=this.width/1.5;this.height=this.height/1.5" >

實際效果就跟最上面那張圖一樣啦，如果要調倍率就自己把1.5改成你想要的倍率。