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>
深蓝 发表于: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 积分:902 金币:4255
KC元老
3.0版的好像自动生成的啊。

1Next >

发表回复

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

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

Copyright © 2004-2015 Focuznet All rights reserved.

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

中奖了!