62,067
社区成员
发帖
与我相关
我的任务
分享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控件绑定图片，鼠标移动到图片上后图片放大，如何修改代码？？？
<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控件绑定图片，鼠标移动到图片上后图片放大，如何修改代码？？？
...全文
请发表友善的回复…
发表回复
blue_wcyz 2012-07-27
- 打赏
- 举报
今天，有闲情，楼上的各个我都实验了下，均可实现！
tomsuoyai1 2011-06-12
- 打赏
- 举报
have a look
oyangw 2011-06-08
- 打赏
- 举报
今天，有闲情，楼上的各个我都实验了下，均可实现！
calvinz 2011-04-15
- 打赏
- 举报
来看看方法
calvinz 2011-04-15
- 打赏
- 举报
来看看到底什么方法
asdwqr 2010-12-19
- 打赏
- 举报
学习了
ruolins 2010-08-28
- 打赏
- 举报
两月后看到了
cyf0719 2010-06-23
- 打赏
- 举报
对我有很大的帮助啊
dege301 2010-04-21
- 打赏
- 举报
怎么还需要恢复。真麻烦
SingbarDotCom 2010-02-07
- 打赏
- 举报
tuyi
xb_enen 2010-01-15
- 打赏
- 举报
看看是什么好办法
wxjianghong 2009-11-10
- 打赏
- 举报
回复可见
windows95ccc 2009-09-27
- 打赏
- 举报
我也想知道
wangnannan230521 2009-09-03
- 打赏
- 举报
[Quote=引用 5 楼 cutbug 的回复:]
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);//弹出层显示原始图片大小 }
});
});
[/Quote]
我把这代码放到datalist里 为什么只有第一张图片好用 其他的没有效果
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);//弹出层显示原始图片大小 }
});
});
[/Quote]
我把这代码放到datalist里 为什么只有第一张图片好用 其他的没有效果
指间的风 2009-03-13
- 打赏
- 举报
呵呵，来的太晚的，但是LZ说的东西，的确不是很难实现。
yangniao 2009-03-13
- 打赏
- 举报
发帖
Amy_wang 2009-03-13
- 打赏
- 举报
[Quote=引用 3 楼 fly_to_sky 的回复:]
<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=' <%…
[/Quote]
我试过了,这个就可以
学习
<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=' <%…
[/Quote]
我试过了,这个就可以
学习
CutBug 2009-03-13
- 打赏
- 举报
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事件
1.引用jquery.js,
2.图片加个样式:<asp:Image ID="Image1" CssClass="cImg" runat="server" ImageUrl=' <%# Eval("BookUrl") %>' /> </td>
3.加个onload事件
$(function(){//相当于window.onload
$('.cImg').tooltip({ //cImg为Image className
delay: 0,
showURL: false,
bodyHandler: function() {
return $("<img/>").attr("src", this.src);//弹出层显示原始图片大小
}
});
});
xman81 2009-03-13
- 打赏
- 举报
建个层,并为图片添鼠标事件,用javascript;加当鼠标移到图片上后显示该层,鼠标移开时隐藏该层.
fly_to_sky 2009-03-13
- 打赏
- 举报
<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>
<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>
加载更多回复（4）
