pp电子

登录
开通试用
产品中心
解决方案
案例
客户案例
定价
产品定价
学院
pp电子课堂
关于
关于pp电子
KesionCMS 资助
资助首页 模板标签治理 - 问题汇总

16、SQL轻松实现文章图片分行排列

0 2009/8/4 16:16:50
(amyool提供)

使用自界说SQL轻松实现，，，文章栏目图片分行排列！

经由一翻测试，，，终于实现了。。。。。文章系统栏目的最终分页。。。。。实现图片+问题分行排列 的效果。。。。。正兴奋呢。。。。。。。。。。

自己不敢独享。。。。。分享给各人参考。。。。。。。。。。。。。。。

我是用DIV + CSS 的。。。。。。。。。。

效果图：
图片点击可在新窗口翻开审查
标署名称:“自界说最终栏目”

盘问语句：
select ID,Tid,Title,Picurl from KS_Article where tid in({$CurrClassChildID})
 
【注重：这里盘问语句我是挪用了ID，，，问题，，，URL，，，图片地点的。。。。。蓝色部分可以随你自己喜欢添加修改的。。。。。】
 
CSS:
.class_img {width: 735px;} //这里看你的表格的宽度。。。。。
.class_img ul{ list-style:none; margin:0px; padding:0px;}
.class_img li{ width:130px; float:left;} // 这里的130PX 是看你的图片巨细而定。。。。。
.class_img a{color:#000000;} //文字链接颜色。。。。。
.class_img a:visited{color:#000000;}
.class_img a:hover{color:#FF6600;}
 
循 环 体 内 容：
<DIV class=class_img><ul><li>[loop=20]<DIV align=center><A title={$Field(Title,Text,0,,0,)} href="{$Field(ID,GetInfoUrl,1,1)}" target=_blank><IMG class=img2xp height=90 alt={$Field(Title,Text,0,,0,)} src="{$Field(Picurl,Text,0,,0,)}" width=120 border=0></A></DIV>
<DIV align=center><A href="{$Field(ID,GetInfoUrl,1,1)}" target=_blank>{$Field(Title,Text,20,,0,)}</A></DIV><li>[/loop]</ul></DIV>
 
上面的[loop=20] 是循环条数。。。。。
 
OK这样SQL界说就完成了。。。。。
 
前台挪用 {SQL_自界说最终栏目()}
 
 
以上谨供参考！谢谢支持！
上一篇：15、SQL商品分页标签 下一篇：15、SQL商品分页标签
100%
pp电子·模拟器(试玩游戏)官方网站 pp电子·模拟器(试玩游戏)官方网站 pp电子·模拟器(试玩游戏)官方网站
【网站地图】
16、SQL轻松实现文章图片分行排列 _KESION pp