首先把样式给大家秀一下:
首先: 在 标签 里 自定义函数标签 里 点 添加标签
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文件中.
以下内容只有回复后才可以浏览,请先登录!