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

編輯Tag賺U幣
教程Tag:暫無Tag,歡迎添加,賺取U幣!
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模板

共2頁上一頁12下一頁
來源:模板無憂//所屬分類:風訊Cms教程/更新時間:2007-02-22
相關風訊Cms教程
重庆快乐10分开奖 000952股票分析 今日茅台股票价格 佳永配资-爱股票 安徽股票配资网 内蒙古快三推荐 湖北11选五前三直遗漏 陕西体彩十一选五一定牛前一 广西体育彩票十一选五 我国股票指数有哪些 吉林11选五5开奖走势图