簡單的javascript

<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>

鼠標移動到圖片上顯示姓名和年齡信息

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章