题外话：
大家好！本人从做风讯的fans是从2.0开始的，此后一直关心风讯的成长，关注程序的每一次进步，这里
由衷的感谢风讯的开发团队，给了我很多学习的机会。以前一直是在论坛上看前辈们不断分享自己的经验
，我也受益颇多。自F4推出后，风讯开始了革命性的变化，也感受到了程序的巨大功能。因为这段时间比
较充足，就把自己研究的一些经验分享给大家。因为我深有体会，刚刚接触这个程序的网友真的不知如何
下手去用，去开发她。从使用者角度而言，往往一个网友关心的效果能够得以实现，他就会对此产生信心
，不断的对程序产生兴趣，继而去使用她，并开始随心所欲地diy。总之，只要有爱心，有信心，我相信
，用风讯，一切效果皆能实现！
从现在起，对幻灯系列的研究暂告一段落，如果时间允许的话，我会逐步分享我的其它成果给大家。即开
始样式系列分享！
大致有如下内容：1、特效背景。2、文字样式（包括各类滚动效果）。3。图片效果 4、综合图文变幻
……
这几天有网友在QQ和论坛上问到以下几种效果，就赶制了出来！
本帖关键词：
隔行背景变换效果 文字虚线效果（分隔线） 新闻排行序号制作
效果欣赏：
[upload=jpg]UploadFile/2006-11/2006113012144621963.jpg[/upload]
[upload=jpg]UploadFile/2006-11/2006113012145773121.jpg[/upload]
[upload=jpg]UploadFile/2006-11/200611301215492199.jpg[/upload]
[upload=jpg]UploadFile/2006-11/2006113012151485343.jpg[/upload]
制作技巧：
1、其实这几个效果均来自于一种概念，就是用背景实现。但不是大的图片背景，利用的是CSS样式的纵向
重复功能，自由控制。
2、每增加一条新闻自动产生一条分隔线，可以无限增加，效果一致。
3、本例中用的是表格方式，但同样适用于div+css方式，只是定义一个样式的url背景，然后调用这个css
的ID号就可以了。
4、如果在使用过程中发现分隔线与新闻并不十分吻合，略有串行现象，请修改背景图片的高度，或者用
css控制行距。
5、补充，提供div+css代码下的制作：
[upload=jpg]UploadFile/2006-11/2006113014435327123.jpg[/upload]
上图为div+css制作的效果图片。
先建立样式，如下：
#line {
FLOAT: left; OVERFLOW-X: hidden; WIDTH: 228px; WHITE-SPACE: nowrap; TEXT-OVERFLOW:
ellipsis
}
.TEXT {
FONT-SIZE: 13px; MARGIN: 7px 7px 0px; COLOR: #0000fd; LINE-HEIGHT: 20px
}
调用如下：<DIV id=line>
<UL class=text>
<LI>· <A href=" 新闻路径 "
target=_blank> <FONT color=red>新闻标题</FONT>
</A>
</LI></UL></DIV>
代码说明：
1、提供两种代码，一种是带有新闻排行序号的，另一种是没有序号的（序号样式可以自己换)。
2、对于分隔线，我制作了几款，修改背景时，可以看到相应的效果。
1、有新闻排列序号的代码：
<TABLE style="BORDER-COLLAPSE: collapse" borderColor=#cd6f0b
cellSpacing=0 cellPadding=2 width=211 border=1>
<TBODY>
<TR>
<TD><table cellspacing=0 cellpadding=0 width="100%" border=0>
<tbody>
<tr>
<td background=paihang/top-88.gif><table cellspacing=0 cellpadding=0
width="100%"
border=0>
<tbody>
<tr>
<td height=23><font class=14p16h1 color=#017b88><img
height=14 hspace=5 src="paihang/top-44.gif" width=14
align=absMiddle></font></td>
<td rowspan="10">标签位置</td>
</tr>
<tr>
<td width="14%" height=23><img height=14 hspace=8
src="paihang/top-45.gif" width=14
align=absMiddle></td>
</tr>
<tr>
<td height=23><img height=14 hspace=8
src="paihang/top-46.gif" width=14
align=absMiddle></td>
</tr>
<tr>
<td height=23><img height=14 hspace=8
src="paihang/top-47.gif" width=14
align=absMiddle></td>
</tr>
<tr>
<td height=23><img height=14 hspace=8
src="paihang/top-48.gif" width=14
align=absMiddle></td>
</tr>
<tr>
<td height=23><img height=14 hspace=8
src="paihang/top-49.gif" width=14
align=absMiddle></td>
</tr>
<tr>
<td height=23><img height=14 hspace=8
src="paihang/top-50.gif" width=14
align=absMiddle></td>
</tr>
<tr>
<td height=23><img height=14 hspace=8
src="paihang/top-51.gif" width=14
align=absMiddle></td>
</tr>
<tr>
<td height=23><img height=14 hspace=8
src="paihang/top-52.gif" width=14
align=absMiddle></td>
</tr>
<tr>
<td height=23><img height=14 hspace=8
src="paihang/top-53.gif" width=14
align=absMiddle></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table></TD>
</TR></TBODY></TABLE>
2、无新闻序号的代码：
<TABLE style="BORDER-COLLAPSE: collapse" borderColor=#cd6f0b
cellSpacing=0 cellPadding=2 width=211 border=1>
<TBODY>
<TR>
<TD><table cellspacing=0 cellpadding=0 width="100%" border=0>
<tbody>
<tr>
<td background=paihang/top-88.gif>这里放置你的新闻列表标签</td>
</tr>
</tbody>
</table></TD>
</TR></TABLE>
标签（无序列号的）：
<table cellspacing="0" cellpadding="0" width="211" border="0">
<tbody>
<tr>
<td background="paihang/top-88.gif">{FS:NS=LastNews┆图片新闻$1┆栏目$┆ Loop$5┆输出
格式$out_DIV┆DivID$0┆DivClass$0┆ulid$0┆ulclass$0┆liid$0┆liclass$0┆多少天 $0┆标题数
$20┆图文标志$0┆打开窗口$0┆包含子类$0┆排列字段$AddTime┆排列方式$DESC┆更多连接 $┆
PageCSS$┆日期格式$YY02年MM月DD日┆引用样式$59┆新闻排列数$1┆内容字数$200┆导航字数$200}
</td>
</tr>
</tbody>
</table>
样式：
<SPAN style="FONT-SIZE: 12px; LINE-HEIGHT: 23px" target="_blank"><A href="{NS:FS_NewsURL}
"><FONT color=#000000>{NS:FS_NewsTitle}</A> </SPAN></FONT><BR>
相关资源下载：
[replyview][upload=rar]viewFile.asp?ID=6808[/upload][/replyview]
[四季逗:不错!支持原创.+10金钱奖励!]
[此贴子已经被作者于2006-11-30 18:52:38编辑过]
这个效果也很好啊，不过不是XHTML的
支持楼主
楼主一发言，必是精品，建议给楼主加版主！
搞什么什么的东西嘛
哦
厉害
强
ding
不错!