K9 通用版 博客版 主题版 地方门户版 企业版 |   企业(ASP) 分类 使用 分享 疑问 模板 建议 帮助 错误 其他
+新建主题 [Ajax]
填写帐号密码即可完成注册
+新建话题 最新回复排序 最新主题排序 精华帖子

KingCms可以下拉的自动生成导航栏menu

1Next >

iitding 发表于：10-09-04 15:26 [添加收藏] 楼主 [回复] #Top#
iitding 人气：582 积分：1 金币：18324
最佳新人 灌水狂人

menu.js

  1. function menuFix() { 
  2.         var sfEls = document.getElementById("k_menu").getElementsByTagName("li"); 
  3.         for (var i=0; i<sfEls.length; i++) { 
  4.                 sfEls. ": "") + "sfhover"; 
  5.                 } 
  6.                 sfEls. ": "") + "sfhover"; 
  7.                 } 
  8.                 sfEls. ": "") + "sfhover"; 
  9.                 } 
  10.                 sfEls.onmouseout=function() { 
  11.                 this.className=this.className.replace(new RegExp("( ?|^)sfhover\b"),  
  12.  
  13. "");                }
     
  14.         } 
  15. }

menu.css

  1. /* 下拉导航 */
     
  2. #k_menu {clear:both;display:table;background:url(/template/images/ls.gif) repeat-x;BORDER-TOP: #E7F9FF 2px solid;margin:0;list-style-type:none;text-align:left;padding:5px 0px 0px 0px;width:100%;}/* {king:menu/} 下拉菜单导航*/
     
  3.  
  4. #k_menu li {float:left;width:70px;margin-left:0px;text-align:left;HEIGHT: 22px;FONT-SIZE: 14px;font-weight: bold;}
  5. #k_menu li a {display:block;width:70px;text-align:center;text-decoration:none;color:#FFFFFF;} 
  6. #k_menu li a:hover{background:#E7F9FF;COLOR: #000;HEIGHT: 22px;} 
  7.  
  8. #k_menu li ul {margin:0px;display:table;line-height:22px;list-style-type:none;left:-9999px;width:160px;position:absolute;} 
  9. #k_menu li ul li {clear:both;width:100px;background:#E7F9FF;} 
  10. #k_menu li ul li a {display:block;text-align:left;padding-left:10%;width:98%;} 
  11.  
  12. #k_menu li ul li a:link {color:#666;text-decoration:none;} 
  13. #k_menu li ul li a:visited {color:#666;text-decoration:none;} 
  14. #k_menu li ul li a:hover {width:auto;color:#FFF;text-decoration:none;font-weight:normal;background:#7BC5EA;font-weight:bold;} 
  15.  
  16. #k_menu li:hover ul {left:auto;} 
  17. #k_menu li.sfhover ul {left:auto;}

下面为 导航栏的 代码

  1. <LINK href="/template/menu.css" rel=stylesheet> 
  2. <script type="text/javascript" src="/template/menu.js"></script> 
  3. <script language="JavaScript">window.k_menu"> 
  4. {{king:article listid="1,2,3,4,5,6,7,8,9,10,11,12"}} 
  5. <li> 
  6. <A href="{king:listpath/}">{king:listname/}</A>             
  7. <ul> 
  8. {king:articlelist listid="sub"} 
  9. <li> 
  10. <A href="(king:listpath/)">(king:listname/)</A>             
  11. </li> 
  12. {/king} 
  13. </ul> 
  14. </li> 
  15. {{/king}} 
  16. </ul>
好名字容易娶媳妇？ 悦买网-专业导购网 德阳123
Ta最近还发表过 [使用] CHM怎么没有内容 (17-04-23) [疑问] 谁有“Sp2包附带的新demo模板”分享下 (16-07-27) [疑问] 请教下三级循环怎么写? (16-07-27) [其他] Kingcms很给力，昨天上的网站，百度今天就ok了 (16-05-03) [其他] 看看女朋友咋样，群友鉴定！！！ (16-04-27)
随机阅读 [分享] 25个时尚杰出的登录表单设计 (23-03-10) [使用] 品牌店铺 后台修改参数 数据加载中....... 没反应 (11-10-26) [使用] kingcms 修改标签,怎么改。。 (11-10-18) [分享] kingcms常用标签 (11-08-16) [疑问] 5.1列表页正文内容如何去掉多出来的<p> </p> (11-05-11)
深蓝 发表于：10-11-10 09:40 沙发 [回复] #Top#
深蓝 人气：51 积分：754 金币：4022
KC元老
这个感觉不错。用来试试看。
jycys007 发表于：10-11-17 13:24 板凳 [回复] #Top#
jycys007 人气：66 积分：563 金币：2015
找蛋路过
dl5541 发表于：10-12-24 09:14 4楼 [回复] #Top#
dl5541 人气：65 积分：4106 金币：11690
顶
dl5541 发表于：11-01-15 19:59 5楼 [回复] #Top#
dl5541 人气：65 积分：4106 金币：11690
我没有成功呀！！！郁闷，谁成功了？说一声
气象万千 发表于：11-01-15 21:29 6楼 [回复] #Top#
气象万千 人气：140 积分：872 金币：4255
KC元老
3.0版的好像自动生成的啊。

1Next >

发表回复

帐号 匿名发布 审核后可见 [加载完整在线编辑器]
内容
验证码
KingCMS 内容管理系统

关于我们 联系我们 广告报价 付款方式 站点导航

Copyright © 2004-2015 Focuznet All rights reserved.

广州唯众网络科技有限公司 粤ICP备08008106号