<html xmlns="
http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
#im img{ width:190px; height:180px; margin:40px 0px 0px 12px;}
#spanshow {width:125px;height:108px;border:2px solid green; display:none; position:absolute; font-family:@黑体; font-size:24px; color:Blue;}
</style>
<script src="Jquery1.7.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('img').bind('mousemove', function (e) {
$('#spanshow').text($(this).attr('alt'));
$('#spanshow').css({ top: (e.pageY + 5), left: (e.pageX + 5) }).show();
})
$('img').bind('mouseout', function () {
$('#spanshow').text('');
$('#spanshow').hide();
})
})
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="im">
<table>
<tr>
<td>
<img alt="林心如" src="images/12.jpg" />
</td>
<td>
<img alt="张小康" src="images/as4.jpg" />
</td>
<td>
<img alt="马晓晓" src="images/asd.jpg" />
</td>
<td>
<img alt="宋长烁" src="images/fd.jpg" />
</td>
</tr>
</table>
</div>
<div id="spanshow"></div>
</form>
</body>
</html>
<head runat="server">
<title></title>
<style type="text/css">
#im img{ width:190px; height:180px; margin:40px 0px 0px 12px;}
#spanshow {width:125px;height:108px;border:2px solid green; display:none; position:absolute; font-family:@黑体; font-size:24px; color:Blue;}
</style>
<script src="Jquery1.7.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('img').bind('mousemove', function (e) {
$('#spanshow').text($(this).attr('alt'));
$('#spanshow').css({ top: (e.pageY + 5), left: (e.pageX + 5) }).show();
})
$('img').bind('mouseout', function () {
$('#spanshow').text('');
$('#spanshow').hide();
})
})
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="im">
<table>
<tr>
<td>
<img alt="林心如" src="images/12.jpg" />
</td>
<td>
<img alt="张小康" src="images/as4.jpg" />
</td>
<td>
<img alt="马晓晓" src="images/asd.jpg" />
</td>
<td>
<img alt="宋长烁" src="images/fd.jpg" />
</td>
</tr>
</table>
</div>
<div id="spanshow"></div>
</form>
</body>
</html>