<asp:Repeater ID="Repeater1" runat="server" Datasource="ObjectDataSource">
<HeaderTemplate><table><tr></HeaderTemplate>
<ItemTemplate>
<td><img a1='<%# Eval("UserName")%>' a2='<%# Eval("Age")%>' scr='Images/<%# Eval("PicPath")%>'</td>
</ItemTemplate>
<FooterTemplate></tr></table><FooterTemplate>
</asp:Repeater> //repeater控件的數據綁定
<script type="text/javascript">
$("img").mousemove(function(e){
$("spanUserName").text($(this).attr("al1"));
$("spanAge").text($(this).attr("al2"));
$("divDetails").css("top",e.pageY).css("left",e.pageX).show("slow");
});
</script>
<div style="display:none; postition:absolute; backgroud-color:Yellow;" id="divDetails">
<p>姓名: <span id="spanUserName"></span> </p>
<p>年齡: <span id="spanAge"></span> </p>
</div>
鼠標移動到圖片上顯示姓名和年齡信息