总排行、月排行、周排行标签制作方法详解（滑门）

您现在的位置：动易技术中心 >> 动易产品知识库 >> SiteWeaver常见问题 >> 正文

总排行、月排行、周排行标签制作方法详解（滑门）

作者：eagle_zx… 文章来源：动易论坛点击数：更新时间：2008-6-23

效果如图：

周排行如图：

月排行如图：

总排行如图：

标签内容：
<SCRIPT language=JavaScript>
var t05ID=0;
function ShowTabs05(ID){
if(ID!=t05ID){
Tab05Title[t05ID].className='jiaohu1';
Tab05Title[ID].className='jiaohu2';
Tabs05[t05ID].style.display='none';
Tabs05[ID].style.display='';
t05ID=ID;
}
}
</SCRIPT>
<table class=bg05 cellSpacing=0 cellPadding=0 width=300 border=0>
    <tr align=middle>
      <td class=jiaohu1 width="30%">新闻排行榜</td>
      <td class=jiaohu2 onmousemove=ShowTabs05(0) id=Tab05Title align=middle>周排行</td>
      <td class=jiaohu1 onmousemove=ShowTabs05(1) id=Tab05Title align=middle>月排行</td>
      <td class=jiaohu1 onmousemove=ShowTabs05(2) id=Tab05Title align=middle>总排行</td>
    </tr>
</table>
<table class=bg03 cellSpacing=0 cellPadding=0 width=300 border=0>
<TBODY id=Tabs05>
    <tr>
      <td height=237>
        <table height=237 cellSpacing=0 cellPadding=0 width="100%" background={$InstallDir}Images/jiaohu_bg.gif border=0>
          <tr>
            <td width=32> </td>
            <td>
            
            </td>
          </tr>
        </table>
      </td>
    </tr>
<TBODY id=Tabs05 style="DISPLAY: none">
    <tr>
      <td height=237>
        <table height=237 cellSpacing=0 cellPadding=0 width="100%" background={$InstallDir}Images/jiaohu_bg.gif border=0>
          <tr>
            <td width=32> </td>
            <td>
            
            </td>
          </tr>
        </table>
      </td>
    </tr>
<TBODY id=Tabs05 style="DISPLAY: none">
    <tr>
      <td height=237>
        <table height=237 cellSpacing=0 cellPadding=0 width="100%" background={$InstallDir}Images/jiaohu_bg.gif border=0>
          <tr>
            <td width=32> </td>
            <td>
            
            </td>
          </tr>
        </table>
      </td>
    </tr>
</table>

风格CSS：
.jiaohu1{
         border-right:1px solid #B8CAA2;border-bottom:1px solid #B8CAA2;
         height:25px;
         background:url(hd_up_bg.gif);
         font-weight: normal;

}
.jiaohu2{
        border-right:1px solid #B8CAA2;
         height:25px;
}

背景图下载：

原理很简单：

主要是利用标签{$GetArticleList(参数列表)}的参数
　DateNum ----日期范围，如果大于0，则只显示最近几天内更新的文章
总排行：设置DateNum为0；
月排行：设置DateNum为30；
周排行：设置DateNum为7；
日排行：设置DateNum为1；

再把标签放到滑动门里面就OK 了！

演示地址：http://www.szsafety.com

收集目的：简单，作者原创风格，灵活使用标签，值得大家学习。也正好提供了滑门代码参考。

论坛想关贴：http://bbs.powereasy.net/dispbbs.asp?boardID=67&ID=381104&page=1

\\\\感谢eagle_zxb\\\\\\

文章录入：jzjh2008 责任编辑：丑小鬼

上一篇文章：【ArticleList(参数列表)】列表使用范例

下一篇文章：没有了

【关闭窗口】

动易SiteFactory标签说明

动易2006网站标签说明列表

用户手册下载