最簡單的欄目切換方法(樣式系列之欄目切換篇2)_風(fēng)訊Cms教程
最近有網(wǎng)友反映，本人整理提供的鳳凰和網(wǎng)易欄目切換效果太麻煩，想要一個(gè)簡單點(diǎn)的，輕易實(shí)現(xiàn)的，所以仿照PP娛樂網(wǎng)的效果http://www.ppyule.com/整理了一下，用簡單的代碼就可以輕松實(shí)現(xiàn)欄目切換效果，而且更加輕易自由布局，本例分別提供了調(diào)用六個(gè)欄目和三個(gè)欄目的兩種效果。
最前面的兩個(gè)欄目我用table做的樣式測(cè)試，完全可以的！
此主題相關(guān)圖片如下：
下面的就是原來的效果！
此主題相關(guān)圖片如下：
以下是調(diào)用三個(gè)欄目的！
此主題相關(guān)圖片如下：
此主題相關(guān)圖片如下：
這里非凡說明的是，標(biāo)簽部分可以用表格來實(shí)現(xiàn)的，想怎么調(diào)用就怎么調(diào)用，只要先行做好樣式，可以圖文混排，可以是新聞列表，可以是導(dǎo)讀，你完全不用受本例效果限制，真的可以說是“為所欲為”了。樣式的例子我也在樣式系列中發(fā)了一些參考的，那些完全可以改成你自己要的。
這里做了一個(gè)簡單的列表樣式，就是新聞居左，日期右對(duì)齊的那種：
參考樣式：<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>
你再看看代碼和插入標(biāo)簽后的效果是多么的簡單：
代碼及混合后位置：
- 我也放個(gè)欄目切換代碼，簡簡單單的。
- 搜狐女性頻道幻燈效果(幻燈系列之flash特效篇)
- 有效控制新聞內(nèi)容的圖片的尺寸
- 現(xiàn)提供增加<目錄生成規(guī)則>的方法！
- 風(fēng)訊里面上下篇標(biāo)簽DIV模式下浮動(dòng)的解決方法！
- 風(fēng)訊目錄路徑自由選擇的實(shí)現(xiàn)方法
- 新聞列表讀取內(nèi)容時(shí)去掉html代碼
- 添加文字廣告的解決方案！
- 發(fā)些滾動(dòng)的代碼
- 標(biāo)題下的分隔線在4.0中如何設(shè)置，還有標(biāo)題的行間距
- 隨時(shí)更換模版、廣告等，無須重新生成整站，共享出來供討論
- 3.1-讓圖片新聞中的標(biāo)題居中
- 相關(guān)鏈接：
- 教程說明：
風(fēng)訊Cms教程-最簡單的欄目切換方法(樣式系列之欄目切換篇2)
。