网站图片查看效果
2010-01-21 15:16
323 查看
页面代码:.NET例子--
<div class="sig">
<asp:DataList ID="DLCASC" runat="server" RepeatColumns="2" Width="580">
<ItemTemplate>
<table border="0" cellpadding="0" cellspacing="0" width="270">
<tr>
<td>
<div class="sig_cont">
<div class="sig_thumb">
<a href="<%# Eval("pic") %>" rel="lightbox[sig0]" title="<%# Eval("webName") %>"
alt="<%# Eval("webName") %>" target="_blank">
<img src="<%# Eval("pic2") %>" border="0" width="270px" height="95px" style="border: #d1d1d1 1px solid;" /></a></div>
</div>
</td>
</tr>
<tr>
<td>
<div class="divnali_div2" style="margin-left: 13px;">
<div style="height: 25px;">
网站名称:<a href="/case/casedetail.aspx?id=<%# Eval("id") %>" target="_blank"><span style="color: #7282F8">
<%# Eval("webName") %>
</span></a>
</div>
<div style="height: 25px;">
网站类型:<%# GetKindName(Convert.ToInt32(Eval("webKind"))) %>
</div>
<div style="height: 25px;">
<img src="/images/biao1.gif" /> <a href="/case/casedetail.aspx?id=<%# Eval("id") %>"
target="_blank"><span style="color: #7282F8">点击进入</span></a></div>
</div>
</td>
</tr>
</table>
</ItemTemplate>
</asp:DataList>
<div class="sig_clr">
</div>
</div>
所调用的JQUERY:地址:http://www.nowtime.com.cn
<script type="text/javascript" src="/javascript/mootools.js"></script>
<script type="text/javascript" src="/javascript/slimbox.js"></script>
所调用的CSS:<link href="../css/aa.css" rel="stylesheet" type="text/css" />
<div class="sig">
<asp:DataList ID="DLCASC" runat="server" RepeatColumns="2" Width="580">
<ItemTemplate>
<table border="0" cellpadding="0" cellspacing="0" width="270">
<tr>
<td>
<div class="sig_cont">
<div class="sig_thumb">
<a href="<%# Eval("pic") %>" rel="lightbox[sig0]" title="<%# Eval("webName") %>"
alt="<%# Eval("webName") %>" target="_blank">
<img src="<%# Eval("pic2") %>" border="0" width="270px" height="95px" style="border: #d1d1d1 1px solid;" /></a></div>
</div>
</td>
</tr>
<tr>
<td>
<div class="divnali_div2" style="margin-left: 13px;">
<div style="height: 25px;">
网站名称:<a href="/case/casedetail.aspx?id=<%# Eval("id") %>" target="_blank"><span style="color: #7282F8">
<%# Eval("webName") %>
</span></a>
</div>
<div style="height: 25px;">
网站类型:<%# GetKindName(Convert.ToInt32(Eval("webKind"))) %>
</div>
<div style="height: 25px;">
<img src="/images/biao1.gif" /> <a href="/case/casedetail.aspx?id=<%# Eval("id") %>"
target="_blank"><span style="color: #7282F8">点击进入</span></a></div>
</div>
</td>
</tr>
</table>
</ItemTemplate>
</asp:DataList>
<div class="sig_clr">
</div>
</div>
所调用的JQUERY:地址:http://www.nowtime.com.cn
<script type="text/javascript" src="/javascript/mootools.js"></script>
<script type="text/javascript" src="/javascript/slimbox.js"></script>
所调用的CSS:<link href="../css/aa.css" rel="stylesheet" type="text/css" />
相关文章推荐
- 减少HTTP请求之将图片转成二进制并生成Base64编码,可以在网页中通过url查看图片(大型网站优化技术)
- 20个真棒的jquery和css打造的图片动画效果(网站背景随时变换,广告牌效果..)
- 使用Javascript来创建一个响应式的超酷360度全景图片查看幻灯效果
- [大型网站优化技术] -- 减少HTTP请求之将图片转成二进制并生成Base64编码,可以在网页中通过url查看图片
- 使用js制作一般网站首页图片轮播效果
- 自定义ScaleLayout (模仿小米相册查看图片效果)(转载自作者 _deadline )
- 高仿闪电报销app查看图片效果的实现
- Android 图片预览模仿朋友圈查看图片效果放大图片,左右滑动 - transferee
- 网站图片轮播效果
- 查看图片前进后退效果
- 各大商城网站产品相册的图片切换效果
- jquery使图片简单放大效果【上传图片或者查看从数据库中读出来的imgPath】
- JS图片放大查看效果!
- JS图片loading及放大查看效果(兼容IE,FF)
- 网站超链接和图片提示效果(jquery)
- Android 中 WebView 与 js 简单交互实现图文混排效果,解决图片自适应屏幕与查看大图问题
- Android 高仿微信图片查看花式效果
- 网站——循环图片切换效果(最近做网站,已经快炸了)
- JS图片放大查看效果! (代码全部重构,兼容IE,FF,OP,简单,健壮)
- 网站图片提示效果(jQuery)