首页 > 网站 > 建站经验 > 正文

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

2024-08-30 19:06:27
字体:
来源:转载
供稿:网友
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>

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

代码及混合后位置:

共2页上一页12下一页
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表