该代码是为了实现不同的图片尺寸在鼠标的点击下，一张变大，其余不变。之后再进行点击另一张图片，这张图片变大，之前点击的图片恢复之前的图片的大小
<!DOCTYPE html>
<html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> a{ padding-right: 100px; } </style> <script> var id=0,w=0,h=0; function click1(t){ if(id==0){ //第一次点击 id=t.id; w=t.width; h=t.height; t.width=t.width*2; t.height=t.height*2; }else{
//恢复上一个
var step=document.getElementById(id); step.width=w; step.height=h;
//放大下一个
id=t.id; w=t.width; h=t.height; t.width=t.width*2; t.height=t.height*2; } } </script> </head> <body> <p align="center"> <a><img id="img1" src="img/1.jpg" width="100px" height="200px" οnclick="click1(this)"/></a> <a><img id="img2" src="img/2.jpg" width="200px" height="300px" οnclick="click1(this)"/></a> <a><img id="img8" src="img/8.jpg" width="300px" height="400px" οnclick="click1(this)"/></a> </p> </body> </html>