<style>
body{ text-align:center}
div{ margin:50px auto}
</style>
<script type="text/javascript">
function clik(t){
//获取所有的img标签
var imgs = document.getElementsByTagName("img");
//循环所有图片，将被点击的图片方法，其他图片还原
for(var i=0;i<imgs.length;i++){
if(imgs[i].id==t.id){
t.style.width=t.width+t.width*0.5+"px";
t.style.height=t.height+t.height*0.5+"px";
}else{
imgs[i].style.width="172px";
imgs[i].style.height="107px";
}
}
}
</script>
</head>
<body>
//要显示的图片
<div>
<img id="1" width="172px" height="107px" src="images/new1.jpg" onclick="clik(this);"/>
<img id="2" width="172px" height="107px" src="images/new2.jpg" onclick="clik(this);"/>
<img id="3" width="172px" height="107px" src="images/new3.jpg" onclick="clik(this);"/>
</div>
</body>