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

,,,,CMS教程,模板无忧,建站教程,CMS教程,风讯Cms教程,

SEO SEO

首页  >   风讯CMS > 最简单的栏目切换方法(样式系列之栏目切换篇2)  >  正文

 

http: bbs foosun net dispbbs asp?BoardID=51&ID=45438&replyID=&skin=1 最近有网友反映,本人整理提供的凤凰和网易栏目切换效果太麻烦,想要一个简单点的,轻易实现的,所以仿照PP娱乐网的效果http: www ppyule com 整理了一下,用简单的代码就可以轻松实现栏目切换效果,而且更加轻易自由布局,本例分别提供了调用六个栏目和三个栏目的两种效果


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下一页

最简单的栏目切换方法(样式系列之栏目切换篇2)
http://www.yuedudg.cn/article/15103591.html

 

友情链接
帝国cms常识 discuz经验网 cms综合网
phpcms之家 wp之家 zblog之家
ecshop经验网 织梦之家


Tags: CMS教程 模板无忧 建站教程 CMS教程 风讯Cms教程


手机浏览本文
最简单的栏目切换方法(样式系列之栏目切换篇2)

最简单的栏目切换方法(样式系列之栏目切换篇2)

站内推荐

网站分类

标签列表

关于我们
文章内容来源互联网仅供参考,如果还有疑问请联系我们!我们将竭力帮您解决您的问题
联系我们:

QQ: 397423577 

email:397423577@qq.com

微信:ganenboy