读书人

ASP.NET Datalist控件绑定图片鼠标

发布时间: 2012-05-09 12:13:59 作者: rapoo

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);//弹出层显示原始图片大小     } });});
[解决办法]
探讨
<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=' <%…

[解决办法]
发帖
------解决方案--------------------


呵呵,来的太晚的,但是LZ说的东西,的确不是很难实现。

读书人网 >asp.net

热点推荐