最近有网友反映,本人整理提供的凤凰和网易栏目切换效果太麻烦,想要一个简单点的,轻易实现的,所以仿照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>
你再看看代码和插入标签后的效果是多么的简单:
代码及混合后位置:
新闻热点
疑难解答