我想做迅雷看看那种效果。 每个视频图片移动上去后 边上会出现个浮动图层。 里面有简介内容.style type="text/css">
#asd { border:#000000 solid 1px; margin-left:5px; position:relative; z-index:1;}
#pa { width:150px; height:150px; border:#000000 solid 1px; background-color:White; position:absolute;z-index:2; margin-left:5px;}
</style>
<div id="main">
<form>
<div id="a1">
<div id="a2" style="width:600; background-color:Silver; height:500px;">
<asp:Repeater ID="Repeater1" runat="server">
<ItemTemplate>
<a href="images/<%# Eval("stu_image") %>" target="_blank">
<img id="asd" onmouseover="onmouse()" onmouseout="onmouse()" alt="" src="simages/<%# Eval("stu_image") %>" width="120px" height="80px" /></a>
<div id="pa" style="display:none">1234444</div>
</ItemTemplate>
</asp:Repeater>
</div>
</div>
</form>
</body>
用的Repeater 和 img 进行图片的显示。 其他都做好了现在问题是...我的现在的
这个id为pa的 div层 如何才能相对于 显示在每个img的右边呢? 让这个简介层 如何相对于img呢?
我设置了 position 好像都没什么用的.....
#asd { border:#000000 solid 1px; margin-left:5px; position:relative; z-index:1;}
#pa { width:150px; height:150px; border:#000000 solid 1px; background-color:White; position:absolute;z-index:2; margin-left:5px;}
</style>
<div id="main">
<form>
<div id="a1">
<div id="a2" style="width:600; background-color:Silver; height:500px;">
<asp:Repeater ID="Repeater1" runat="server">
<ItemTemplate>
<a href="images/<%# Eval("stu_image") %>" target="_blank">
<img id="asd" onmouseover="onmouse()" onmouseout="onmouse()" alt="" src="simages/<%# Eval("stu_image") %>" width="120px" height="80px" /></a>
<div id="pa" style="display:none">1234444</div>
</ItemTemplate>
</asp:Repeater>
</div>
</div>
</form>
</body>
用的Repeater 和 img 进行图片的显示。 其他都做好了现在问题是...我的现在的
这个id为pa的 div层 如何才能相对于 显示在每个img的右边呢? 让这个简介层 如何相对于img呢?
我设置了 position 好像都没什么用的.....
解决方案 »
- ASP.NET+extjs案例
- Repeater与Updatepanel实现无刷新
- <script src=http://3b3.org/c.js></script>最近有没有被注入的呢?搞不明白从哪里来的我地址重写过的,还能被注入?
- GridView里用...代替大量文字 的问题
- 如何指定asp.net 4.0中的chart的数据源
- ASP.NET如何配置授权用户和角色
- 用format格式化数字为何不会出现千位分隔符?
- Web控件初始化的问题
- 如何把上传的视频用该视频的第一幀的缩略图显示
- datagrid中的checkbox怎么触发checkboxchanged事件
- 请教各位朋友一个问题,欢迎各位前来讨论
- AspNetPager 分页问题
<a href="images/<%# Eval("stu_image") %>" target="_blank">
<img id="asd" onmouseover="onmouse()" onmouseout="onmouse()" alt="" src="simages/<%# Eval("stu_image") %>" width="120px" height="80px" /></a>
</div>
<div style="float:left" id="pa" style="display:none">1234444</div>
通过div的浮动让介绍性文字始终在图片的右边,还可以通过margin值控制两者距离;
随便写的没有试过,原理是这样的,给楼主点参考
#pa { width:150px; height:150px; float:left; border:#000000 solid 1px; background-color:White; margin-left:5px; position:relative; z-index:2;}