最简单的栏目切换方法(样式系列之栏目切换篇2)-风讯CMS教程

来源:模板无忧 作者:linqingwen更新时间:2007-02-22点击:
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>

你再看看代码和插入标签后的效果是多么的简单:

代码及混合后位置:

< Prev12 Next >
相关风讯CMS教程:
最新评论:
loading.. 评论加载中....
发表评论:不能超过250字节,请自觉遵守互联网相关政策法规.
  • 昵称: 验证: