.
.
.
.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <style> #divbody img{ 72px; height:128px; } #Layer1 { position:absolute; left:0px; top:0px; 137px; height:143px; z-index:1; } </style> <script> function showdiv(imgname){ Layer1.style.top=event.y; Layer1.style.left=event.x; Layer1.style.display="block"; Layer1.innerHTML="<img src='"+imgname+"'/>"; } function hiddendiv(){ Layer1.style.display="none"; } </script> </head> <body> <div id="Layer1"></div> <div id="divbody" align="center"> <table border="0" cellspacing="1" cellpadding="1"> <tr> <td onmouseover="showdiv('8832735_0800.jpg')" onmousemove="showdiv('8832735_0800.jpg')" onmouseout="hiddendiv()"><div align="center"><img src="8832735_0800.jpg" width="320" height="480" /></div></td> <td onmouseover="showdiv('1.jpg')" onmousemove="showdiv('1.jpg')" onmouseout="hiddendiv()"><div align="center"><img src="1.jpg" width="468" height="700" /></div></td> <td onmouseover="showdiv('3.jpg')" onmousemove="showdiv('3.jpg')" onmouseout="hiddendiv()"><div align="center"><img src="3.jpg" width="360" height="640" /></div></td> <td onmouseover="showdiv('12.jpg')" onmousemove="showdiv('12.jpg')" onmouseout="hiddendiv()"><div align="center"><img src="12.jpg" width="360" height="640" /></div></td> <td onmouseover="showdiv('0765.JPG')" onmousemove="showdiv('0765.JPG')" onmouseout="hiddendiv()"><div align="center"><img src="0765.JPG" width="360" height="640" /></div></td> <td onmouseover="showdiv('2738437267.jpg')" onmousemove="showdiv('2738437267.jpg')" onmouseout="hiddendiv()"><div align="center"><img src="2738437267.jpg" width="360" height="640" /></div></td> <td onmouseover="showdiv('a4716463.jpg')" onmousemove="showdiv('a4716463.jpg')" onmouseout="hiddendiv()"><div align="center"><img src="a4716463.jpg" width="360" height="640" /></div></td> <td onmouseover="showdiv('a4207570.jpg')" onmousemove="showdiv('a4207570.jpg')" onmouseout="hiddendiv()"><div align="center"><img src="a4207570.jpg" width="360" height="640" /></div></td> </tr> </table> </div> </body> </html>