首先把样式给大家秀一下:

首先: 在  标签 里 自定义函数标签 里   点 添加标签

        1:标签名称 为 导航外循环   

        注意: Ajax调用:为否

        查询语句:SELECT TOP 50 ID,FolderName,TS,TN FROM KS_Class a Where  a.channelid in (select b.channelid FROM KS_Channel  b where b.ChannelStatus=1)  and tj=1 ORDER BY root,FolderOrder   

                  部分可以替换为 where   作用是只显示在栏目管理下的导航

       循环语句:

[loop=50]

<li>

<a href="{$Field(ID,GetInfoUrl,100,1)}" target="_blank">{$Field(FolderName,Text,0,...,0,)}</a>

{SQL_导航内循环({$Field(id,GetInfoUrl,100,2)})}

</li>

[/loop]

2:标签名称 为 导航内循环   

  注意: Ajax调用:为否

  查询语句:

select top 50 id,foldername,TN from ks_class where tj=2 and tn='{$Param(0)}' order by folderorder

循环语句:

<ul style="width:89px;">

[loop=50]

<li>

<A href="{$Field(id,GetInfoUrl,100,1)}">

{$Field(foldername,Text,0,...,0,)}

</A>

</li>

[/loop]

</ul>

部分也是可以改的.这里是CSS样式了.

数据库循环做完了.再就是做标签了

在 自定义静态标签 里 新建一个标签 头文件

这里我就只做导航部分.其他LOGO.还有LOGIN登录...我这里就不写了

<div id=main_nav>

<UL>

<li>

{SQL_导航外循环()}

</li>

</ul>

</div>

<script type="text/javascript" src="{$GetInstallDir}images/jquery.js"></script>

<script type="text/javascript" src="{$GetInstallDir}images/main.js"></script>

<script type="text/javascript" src="{$GetInstallDir}images/lightbox.min.js"></script>

<script type="text/javascript">

  $(document).ready(function() {

   $('#main_nav').allenMenu();

   $('#slide').allenSlide();

   $('a[name=need_lightbox]').lightBox();

  });

</script>

注意: 引导外面的JS.还有其....都必须在前面加上{$GetInstallDir} 否者会出错

下面是CSS部分

#main_nav ul {font-size: 13px;list-style: none;}

#main_nav { width:950px;margin:0px auto;margin-top:10px;background:url(menubg.gif) no-repeat;height: 41px;overflow: visible;}

#main_nav li {float: left;position: relative;z-index: 5;}

#main_nav li a {color: #fff;display: block;width: 91px;height: 35px;text-decoration: none;line-height: 35px;text-align: center; margin-top: 2px;}

#main_nav li a:hover {color: #000;}

#main_nav li ul li a {font-size: 12px;width: 100%;height: 25px;line-height: 25px;margin: 0px;}

#main_nav li ul li a:hover, #main_nav li.focus ul li a:hover {background: url(subnav_over.png) no-repeat center center;}

#main_nav li.focus a, #main_nav li a:hover {background: url(nav_over.png) no-repeat top left;color: #000;}

#main_nav li.focus ul li a {background: none;color: #000;}

#main_nav li ul {position: absolute;top: 36px;left: 0px;background: #fff;border-color: #1d70ba;border-style: none solid solid; border-width: medium 1px 1px;display: none;}

#main_nav li ul li{ float: none;}

修改地方是在 images/style.css  复制进去就OK

调用方法就不用说了吧 直接就是{LB_头文件}

万恶的隐藏内容又来了.是JS代码以及2张图片,如果你自己有自己网站的JS代码 您可以不用回复

直接复制到 images文件中.

以下内容只有回复后才可以浏览,请先登录！

看不见。

看不见。

看不见。

现在可以看了吧!!!

不好意思噢.

谢谢分享。