<style> body{ text-align:center} div{ margin:50px auto}</style><script type="text/javascript"> function clik(t){ //獲取所有的img標簽 var imgs = document.getE ...
<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>
