鼠标放上去图片放大
原创
©著作权归作者所有:来自51CTO博客作者小芒果他爹的原创作品,请联系作者获取转载授权,否则将追究法律责任
>
.photo
{border: 2px solid #FFFFFF;}
.STYLE3
{font-size: 12px; color: #FFFFFF; }
.photo2
{ border: 1px solid #FFFFFF;}
.STYLE6
{font-size: 9px; color: #FFFFFF; }
.div1
{font-size:14px; color:green;}
</
style>
</
head>
<
document.all.im.width=width;
document.all.im.width=height;
}
document.all.im.src=e.src;
document.all.d.style.left = event.x;
document.all.d.style.top = event.y;
document.all.d.style.display =
}
document.all.d.style.display =
}
script language="javascript"> var width = 100; var height = 180; function init(){ function a(e){ ""; function b(){ "none";
</
script>
<
body onload="init()">
<
table width="800" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000"> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="bottom"><table width="88%" height="114" border="0" cellpadding="0" cellspacing="0"> <tr> <td align="center" valign="middle"><input type="p_w_picpath" src="../p_w_picpaths/2011-06-10_145456.jpg" width="78" height="78" class="photo" onMousemove="a(this)" onmouseout="b()"></td> <td align="center" valign="middle"><input type="p_w_picpath" src="../p_w_picpaths/2011-06-10_145456.jpg" width="78" height="78" class="photo" onMousemove="a(this)" onmouseout="b()"></td> <td align="center" valign="middle"><input type="p_w_picpath" src="../p_w_picpaths/2011-06-10_145456.jpg" width="78" height="78" class="photo" onMousemove="a(this)" onmouseout="b()"></td> <td align="center" valign="middle"><input type="p_w_picpath" src="../p_w_picpaths/2011-06-10_145456.jpg" width="78" height="78" class="photo" onMousemove="a(this)" onmouseout="b()"></td> <td align="center" valign="middle"><input type="p_w_picpath" src="../p_w_picpaths/2011-06-10_145456.jpg" width="78" height="78" class="photo" onMousemove="a(this)" onmouseout="b()"></td> <td align="center" valign="middle"><input type="p_w_picpath" src="../p_w_picpaths/2011-06-10_145456.jpg" width="78" height="78" class="photo" onMousemove="a(this)" onmouseout="b()"></td> </tr> <tr> <td height="14" align="center" valign="bottom"><span class="STYLE3">Photo Name</span></td> <td height="14" align="center" valign="bottom"><span class="STYLE3">Photo Name</span></td> <td height="14" align="center" valign="bottom"><span class="STYLE3">Photo Name</span></td> <td height="14" align="center" valign="bottom"><span class="STYLE3">Photo Name</span></td> <td height="14" align="center" valign="bottom"><span class="STYLE3">Photo Name</span></td> <td height="14" align="center" valign="bottom"><span class="STYLE3">Photo Name</span></td> </tr> </table></td> </tr> </table></td> </tr>
</
table> <div id="d" style="position:absolute;left=0;top=0;display:none;"> <input id="im" type="p_w_picpath"> </div> <p>
<div class="div1" onmouseover="this.style.color='red'" onmouseout="this.style.color='green'">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
</
body>
</
html>