账号通
    

账号  

密码  

77320

查看

143

回复
主题:[教程] 制作导航栏菜单(下拉) [收藏主题] 转到:  
lishineng 当前离线

85

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:113 分
登录次数:5 次
注册时间:2011/3/7
最后登录:2012/10/18
lishineng 发表于:2011/4/8 15:21:05   | 只看该作者 查看该作者主题 楼主 
科汛在线商城系统(NET)

首先把样式给大家秀一下:点击查看原图

点击查看原图



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

        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文件中.



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



 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
凌波微步 当前离线

330

主题

0

广播

0

粉丝
添加关注
级别:三年级

用户积分:2233 分
登录次数:214 次
注册时间:2009/6/22
最后登录:2014/12/28
凌波微步 发表于:2011/4/8 15:29:29   | 只看该作者 查看该作者主题 沙发 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
chenchaobing 当前离线

5

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:8 分
登录次数:2 次
注册时间:2011/4/8
最后登录:2011/5/16
chenchaobing 发表于:2011/4/8 15:35:42   | 只看该作者 查看该作者主题 藤椅 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
lishineng 当前离线

85

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:113 分
登录次数:5 次
注册时间:2011/3/7
最后登录:2012/10/18
lishineng 发表于:2011/4/8 16:16:15   | 只看该作者 查看该作者主题 板凳 
做在线知识付费 选科汛云开店

现在可以看了吧!!!向前进向前进

不好意思噢.

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
sunseave 当前离线

13

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:104 分
登录次数:2 次
注册时间:2011/4/8
最后登录:2011/4/8
sunseave 发表于:2011/4/8 16:36:25   | 只看该作者 查看该作者主题 报纸 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
gbdcn 当前离线

23

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:28 分
登录次数:13 次
注册时间:2011/3/21
最后登录:2011/7/15
gbdcn 发表于:2011/4/8 17:06:20   | 只看该作者 查看该作者主题 地板 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
goon2005 当前离线

740

主题

1

广播

0

粉丝
添加关注
级别:六年级

用户积分:3504 分
登录次数:229 次
注册时间:2006/10/31
最后登录:2018/2/26
goon2005 发表于:2011/4/8 18:32:37   | 只看该作者 查看该作者主题 7楼 
 
<a href=http://www.wjyjjs.com title=上海武警总队******>上海武警总队******</a>
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
yanglxg2010 当前离线

562

主题

13

广播

4

粉丝
添加关注
级别:五年级

用户积分:2810 分
登录次数:158 次
注册时间:2010/3/17
最后登录:2018/10/7
yanglxg2010 发表于:2011/4/8 23:03:44   | 只看该作者 查看该作者主题 8楼 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
vsince 当前离线

126

主题

0

广播

0

粉丝
添加关注
级别:一年级

用户积分:1516 分
登录次数:166 次
注册时间:2009/1/2
最后登录:2011/5/13
vsince 发表于:2011/4/8 23:50:14   | 只看该作者 查看该作者主题 9楼 
以下内容只有回复后才可以浏览
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
cn8151 当前离线

817

主题

5

广播

0

粉丝
添加关注
级别:七年级

用户积分:9288 分
登录次数:135 次
注册时间:2010/4/9
最后登录:2016/3/17
cn8151 发表于:2011/4/11 11:57:03   | 只看该作者 查看该作者主题 10楼 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
<上一主题 | 下一主题 >
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行0.26563秒 powered by KesionCMS 9.0