ASP.NET Datalist控件绑定图片,鼠标移动到图片上后图片放大,如何修改代码???
<asp:DataList ID="DataList1" runat="server">
<ItemTemplate>
<table>
<tr>
<td style="width: 100px">
<asp:Label ID="Label1" runat="server" Text=' <%# Eval("BookID") %>'> </asp:Label> </td>
<td style="width: 100px">
<asp:Image ID="Image1" runat="server" ImageUrl=' <%# Eval("BookUrl") %>' /> </td>
</tr>
</table>
</ItemTemplate>
</asp:DataList>
ASP.NET Datalist控件绑定图片,鼠标移动到图片上后图片放大,如何修改代码???
------解决方案--------------------不知道 帮你顶下!
------解决方案--------------------你是让鼠标移到图片上后,让鼠标移动到图片上后图片放大?
------解决方案--------------------
<asp:DataList ID="DataList1" runat="server">
<ItemTemplate>
<table>
<tr>
<td style="width: 100px">
<asp:Label ID="Label1" runat="server" Text=' <%# Eval("BookID") %>'> </asp:Label> </td>
<td style="width: 100px">
<img src='<%# Eval("BookUrl") %>' onmouseover="javascript:this.style.width=300;this.style.height=300;" onmouseleave="javascript:this.style.width=100;this.style.height=100;"> </td>
</tr>
</table>
</ItemTemplate>
</asp:DataList>
------解决方案--------------------
建个层,并为图片添鼠标事件,用javascript;加当鼠标移到图片上后显示该层,鼠标移开时隐藏该层.
------解决方案--------------------
jquery tooptip,demo地址http://jquery.bassistance.de/tooltip/demo/很简单
1.引用jquery.js,
2.图片加个样式:<asp:Image ID="Image1" CssClass="cImg" runat="server" ImageUrl=' <%# Eval("BookUrl") %>' /> </td>
3.加个onload事件
JScript code
$(function(){//相当于window.onload
$('.cImg').tooltip({ //cImg为Image className
delay: 0,
showURL: false,
bodyHandler: function() {
return $("<img/>").attr("src", this.src);//弹出层显示原始图片大小
}
});
});
------解决方案--------------------
------解决方案--------------------
发帖
------解决方案--------------------