日期:2014-05-17  浏览次数:20416 次

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=' <%…

------解决方案--------------------
发帖
------解决方案--------------------