我不想废话了，开门见山吧。

先看演示，http://www.gz7y.com

如果下面代码你看不懂或者做不出来，明天等待我的视频吧。

CSS如下：
<STYLE type=text/css>
<!--
#f_div{width:230px; height:205px; margin:0 auto; overflow:hidden;}
#f_imgDiv{width:100%; height:205px; overflow:hidden;}
#f_img{filter:progid:DXImageTransform.Microsoft.Fade(Overlap=1.00); border:0;}
#f_infoDiv{width:100%;top:-16px !important;top:-18px; position:relative;}
#f_buttonDiv{width:100%; height:17px; overflow:hidden; text-align:left;}
#f_line{width:100%;height:1px;background:#fff; overflow:hidden;filter:progid:DXImageTransform.Microsoft.Alpha(startX=0, startY=0, finishX=50, finishY=100,style=1,opacity=0,finishOpacity=100)}
#f_buttonDiv div{width:1px;height:17px; background:#fff; float:right;}
#f_buttonDiv .bg{width:17px; height:17px; background:#fff; float:right; filter:Alpha(Opacity=40);}
#f_buttonDiv a{width:17px;height:11px !important;height:17px;float:right;padding-top:5px;color:#fff;font-family:Arial, Helvetica, sans-serif;font-size:10px; line-height:10px; text-align:center;display:block;overflow:hidden;text-decoration:none;position:absolute;}
#f_buttonDiv a:link,#f_buttonDiv a:visited,#f_buttonDiv a:active{color:#000;}
#f_buttonDiv a:hover{background:#FF840C;color:#fff;}
#f_buttonDiv a.on:link,#f_buttonDiv a.on:visited,#f_buttonDiv a.on:active,#f_buttonDiv a.on:hover{background:#FF840C;color:#fff;}
#f_buttonDiv a.on:hover{background:#FF6600;}
-->
</STYLE>

SQL循 环 体 如下：

以下内容只有回复后才可以浏览,请先登录！

别忘了SQL查询语句：

select top 5 ID,Title,Adddate,Picurl,Slide,Verific from KS_Article where verific=1 order by Adddate desc

[此贴子已经被作者于2008-1-16 13:53:10编辑过]