简单的javascript

来源:互联网 发布:911美国自导自演 知乎 编辑:程序博客网 时间:2024/06/05 17:44
<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>

鼠标移动到图片上显示姓名和年龄信息

原创粉丝点击