账号通
    

账号  

密码  

2861

查看

8

回复
主题:[求助]如何做成这样的导航 [收藏主题] 转到:  
023f 当前离线

32

主题

0

广播

1

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

用户积分:54 分
登录次数:49 次
注册时间:2010/6/29
最后登录:2011/3/20
023f 发表于:2010/8/19 22:10:00   | 只看该作者 查看该作者主题 楼主 
科汛在线考试系统(NET)
点击查看原图





我用的sql标签,始终点击了不是上图白色部分那样,我点击任何一个栏目都是下图这样,是哪里不对?是不是要定义什么currclass,sql语句应该怎么写,谢谢高手指点。





我用的css是



#navmenu {margin:0 auto 0px auto;height:36px;width:1000px;background:url(menuleft.gif) repeat-x 0 -36px;}

#navmenu .navshell {background:url(menuleft.gif) no-repeat left top;overflow:hidden;}

#navmenu .navtabs {background:url(menuleft.gif) no-repeat right -72px;text-align:left;}

#navmenu .navtabs ul{height:36px;margin-left:12px;margin-right:3px;padding:0;list-style-type:none;overflow:hidden;}

#navmenu .navtabs ul li{height:36px;float:left;padding:0;background:url(menuleft.gif) no-repeat right -108px;overflow:hidden;}

#navmenu .navtabs ul li a{line-height:27px;margin-top:5px;margin-right:3px;display:block;color:#fff;font-weight:bold;text-decoration:none;}

#navmenu .navtabs ul li a span{padding:0 3px;display:block;}

#navmenu .navtabs ul a:hover{background:url(menuright.gif) no-repeat left top;}

#navmenu .navtabs ul a:hover span{background:url(menuright.gif) no-repeat right -27px;}

#navmenu .navtabs ul li.current a{line-height:30px;margin-top:6px;display:block;background:url(menuright.gif) no-repeat 0 -54px;color:#3B3B3B;font-size:14px;font-weight:bold;}

#navmenu .navtabs ul li.current a:hover{background:url(menuright.gif) 0 -54px no-repeat;}

#navmenu .navtabs ul li.current a span,#navmenu .navtabs ul li.current a:hover span{padding:0 20px;display:block;background:url(menuright.gif) right -84px no-repeat;}





定义为



<div id="navmenu">

  <div class="navshell">

   <div class="navtabs">

    <ul>

     <li id="menuindex"><a href="/" target="_top"><span>常识首页</span></a></li>

     {SQL_顶部导航()}

    </ul>

   </div>

  </div>

</div>







点击查看原图



请教高手

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

607

主题

0

广播

0

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

用户积分:1574 分
登录次数:170 次
注册时间:2009/8/9
最后登录:2011/12/4
oopp77 发表于:2010/8/19 22:31:00   | 只看该作者 查看该作者主题 沙发 
科汛在线考试系统(NET)
这个好象需要JS支持?不知道对不对
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
023f 当前离线

32

主题

0

广播

1

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

用户积分:54 分
登录次数:49 次
注册时间:2010/6/29
最后登录:2011/3/20
023f 发表于:2010/8/19 22:39:00   | 只看该作者 查看该作者主题 藤椅 
科汛在线考试系统(NET)
看了一下效果网站,他不是用JS调的。谢谢大家,需要正解
 
常识网www.xn39.com 免费优酷电影www.mfyouku.com
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
无风 当前离线

1622

主题

5

广播

29

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

用户积分:5963 分
登录次数:199 次
注册时间:2009/10/12
最后登录:2024/4/4
无风 发表于:2010/8/19 22:55:00   | 只看该作者 查看该作者主题 板凳 
科汛在线商城系统(NET)
直接定义currclass样式
然后用系统导航标签输出
 
QQ:592002940 <a target=_blank href=http://qun.qq.com/#jointhegroup/gid/40509894 title=点击加入科讯技术交流群>科讯技术交流群</a>===<a target=_blank href=http://qun.qq.com/#jointhegroup/gid/7133571 title=点击加入科讯技术高级群>科讯CMS高级群</a>=== 欢迎新手加入学习,欢迎高手加入指导 承接科讯系统的模板整合,各类模板仿制 <a href=http://hi.baidu.com/科讯技术 title=科讯技术百度博客,收录大量实用技术文章>科讯技术博客</a>
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
023f 当前离线

32

主题

0

广播

1

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

用户积分:54 分
登录次数:49 次
注册时间:2010/6/29
最后登录:2011/3/20
023f 发表于:2010/8/19 22:57:00   | 只看该作者 查看该作者主题 报纸 
科汛在线考试系统(NET)
如何定义
谢谢详解
谢谢
 
常识网www.xn39.com 免费优酷电影www.mfyouku.com
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
cms2007 当前离线

4445

主题

8

广播

15

粉丝
添加关注
级别:超级版主

用户积分:23396 分
登录次数:1515 次
注册时间:2007/8/7
最后登录:2022/12/6
cms2007 发表于:2010/8/20 9:07:00   | 只看该作者 查看该作者主题 地板 
科汛在线考试系统(NET)
标签选择div+css输出,系统会自动生成,当访问当前栏目时查看源代码是这样的



<li class="currclass"></li>



你控制.currclass给他一个背景图片就行了





www.kesion.com官方的一样,你可以参考一下官方的样式

 
注意注意:KesionCMS/Eshop版本免费试用,试用期限不限.如果用于非个人网站请购买正版使用授权,你们不提供升级和技术支持,请不要拿免费版去给客户做网站.
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
汉城之恋 当前离线

100

主题

0

广播

0

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

用户积分:91 分
登录次数:15 次
注册时间:2010/8/6
最后登录:2011/8/10
汉城之恋 发表于:2010/8/20 10:47:00   | 只看该作者 查看该作者主题 7楼 
科汛在线商城系统(NET)
我也在学习呢,一起加油
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
墨马 当前离线

373

主题

1

广播

6

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

用户积分:1021 分
登录次数:252 次
注册时间:2008/12/2
最后登录:2013/9/22
墨马 发表于:2010/8/20 12:43:00   | 只看该作者 查看该作者主题 8楼 
科汛在线网校系统
六楼说的是正解,但是如果你这样生成的导航貌似每个链接都是那个效果,而不是单独当前栏目是这个样子,不知道能否详细说说
 
<a href=http://www.97wj.net>墨龙网络建站:http://www.97wj.net</a> <a href=http://www.57shoping.com>我去购物网:http://www.57shoping.com</a>
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
无风 当前离线

1622

主题

5

广播

29

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

用户积分:5963 分
登录次数:199 次
注册时间:2009/10/12
最后登录:2024/4/4
无风 发表于:2010/8/20 12:52:00   | 只看该作者 查看该作者主题 9楼 
currclass是科讯的内置样式名称,你只需要用标签调用就可以了
样式你可以换成你自己的
 
QQ:592002940 <a target=_blank href=http://qun.qq.com/#jointhegroup/gid/40509894 title=点击加入科讯技术交流群>科讯技术交流群</a>===<a target=_blank href=http://qun.qq.com/#jointhegroup/gid/7133571 title=点击加入科讯技术高级群>科讯CMS高级群</a>=== 欢迎新手加入学习,欢迎高手加入指导 承接科讯系统的模板整合,各类模板仿制 <a href=http://hi.baidu.com/科讯技术 title=科讯技术百度博客,收录大量实用技术文章>科讯技术博客</a>
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
<上一主题 | 下一主题 >
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行0.23438秒 powered by KesionCMS 9.0