html游戏中图片放大,html中点击图片放大怎么实现

html>

图片放大

margin-right:auto; overflow:hidden; margin-top:100px;">

src="http://mat1.gtimg.com/www/images/qq2012/guanjia2.png"

style="cursor:pointer;width:300px;height:300px;

transition:all 1s ease-out 0s; perspective-origin:bottom;"/>

var img = document.getElementById('img');

function bigger(){

img.style.width = '400px';

img.style.height = '400px';

img.style.marginTop = "-50px";

img.style.marginLeft = "-50px";

}

function smaller(){

img.style.width = '300px';

img.style.height = '300px';

img.style.marginTop = "0px";

img.style.marginLeft = "0px";

}