最簡單的欄目切換方法(樣式系列之欄目切換篇2)_風訊Cms教程

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

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

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

此主題相關圖片如下：

下面的就是原來的效果！

此主題相關圖片如下：

以下是調用三個欄目的！

此主題相關圖片如下：


此主題相關圖片如下：

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

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

參考樣式：<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>

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

代碼及混合后位置：

查看更多 風訊cms教程  風訊cms模板