html栏目切换,最简单的栏目切换方法(样式系列之栏目切换篇2)

http://bbs.foosun.net/dispbbs.asp?BoardID=51&ID=45438&replyID=&skin=1

最近有网友反映，本人整理提供的凤凰和网易栏目切换效果太麻烦，想要一个简单点的，轻易实现的，所以仿照PP娱乐网的效果http://www.ppyule.com/整理了一下，用简单的代码就可以轻松实现栏目切换效果，而且更加轻易自由布局，本例分别提供了调用六个栏目和三个栏目的两种效果。

最前面的两个栏目我用table做的样式测试，完全可以的！

此主题相关图片如下：

下面的就是原来的效果！

此主题相关图片如下：

以下是调用三个栏目的！

此主题相关图片如下：

此主题相关图片如下：

这里非凡说明的是，标签部分可以用表格来实现的，想怎么调用就怎么调用，只要先行做好样式，可以图文混排，可以是新闻列表，可以是导读，你完全不用受本例效果限制，真的可以说是“为所欲为”了。样式的例子我也在样式系列中发了一些参考的，那些完全可以改成你自己要的。

这里做了一个简单的列表样式，就是新闻居左，日期右对齐的那种：

参考样式：

· {NS:FS_NewsTitle} 07-01-13 22:48:58

你再看看代码和插入标签后的效果是多么的简单：