首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

ASP.NET Datalist控件绑定图片,鼠标移动到图片上后图片放大,怎么修改代码?

2012-05-09 
ASP.NETDatalist控件绑定图片,鼠标移动到图片上后图片放大,如何修改代码???asp:DataList IDDataList1

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说的东西,的确不是很难实现。

热点排行