最近有網(wǎng)友反映，本人整理提供的鳳凰和網(wǎng)易欄目切換效果太麻煩，想要一個簡單點的，輕易實現(xiàn)的，所以仿照PP娛樂網(wǎng)的效果http://www.ppyule.com/整理了一下，用簡單的代碼就可以輕松實現(xiàn)欄目切換效果，而且更加輕易自由布局，本例分別提供了調(diào)用六個欄目和三個欄目的兩種效果。

最前面的兩個欄目我用table做的樣式測試，完全可以的！

此主題相關(guān)圖片如下：

下面的就是原來的效果！

此主題相關(guān)圖片如下：

以下是調(diào)用三個欄目的！

此主題相關(guān)圖片如下：


此主題相關(guān)圖片如下：

這里非凡說明的是，標簽部分可以用表格來實現(xiàn)的，想怎么調(diào)用就怎么調(diào)用，只要先行做好樣式，可以圖文混排，可以是新聞列表，可以是導(dǎo)讀，你完全不用受本例效果限制，真的可以說是“為所欲為”了。樣式的例子我也在樣式系列中發(fā)了一些參考的，那些完全可以改成你自己要的。

這里做了一個簡單的列表樣式，就是新聞居左，日期右對齊的那種：

參考樣式：<TR><TD width="15" vAlign="middle">?</TD> <TD width="165" vAlign="top" align="left"><A class=hei12 href="{NS:FS_NewsURL}" target=_blank>{NS:FS_NewsTitle}</A></TD> <TD width="65" vAlign="top" align="right">07-01-13 22:48:58</TD> </TR>

你再看看代碼和插入標簽后的效果是多么的簡單：

代碼及混合后位置：