<code id="iq5ws"></code>
      <thead id="iq5ws"><option id="iq5ws"></option></thead>

      1. <th id="iq5ws"><sup id="iq5ws"></sup></th>
        <strike id="iq5ws"><video id="iq5ws"></video></strike>

          <pre id="iq5ws"></pre>

          K9 通用版 博客版 主題版 地方門戶版 企業版 |   企業(ASP) 分類 使用 分享 疑問 模板 建議 幫助 錯誤 其他
          +新建主題 [Ajax]
          填寫帳號密碼即可完成注冊
          +新建話題 最新回復排序 最新主題排序 精華帖子

          可以下拉的自動生成導航欄menu

          12Next >

          fox1383164k 發表于:10-09-02 09:43 [添加收藏] 樓主 [回復] #Top#
          fox1383164k 人氣:377 積分:864 金幣:3006
          KC元老 灌水狂人

          menu.js

          function menuFix() {
                  var sfEls = document.getElementById("k_menu").getElementsByTagName("li");
                  for (var i=0; i<sfEls.length; i++) {
                          sfEls. ": "") + "sfhover";
                          }
                          sfEls. ": "") + "sfhover";
                          }
                          sfEls. ": "") + "sfhover";
                          }
                          sfEls.onmouseout=function() {
                          this.className=this.className.replace(new RegExp("( ?|^)sfhover\b"),

          "");
                          }
                  }
          }


          menu.css

          /* 下拉導航 */
          #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/} 下拉菜單導航*/

          #k_menu li {float:left;width:70px;margin-left:0px;text-align:left;HEIGHT: 22px;FONT-SIZE: 14px;font-weight: bold;}
          #k_menu li a {display:block;width:70px;text-align:center;text-decoration:none;color:#FFFFFF;}
          #k_menu li a:hover{background:#E7F9FF;COLOR: #000;HEIGHT: 22px;}

          #k_menu li ul {margin:0px;display:table;line-height:22px;list-style-type:none;left:-9999px;width:160px;position:absolute;}
          #k_menu li ul li {clear:both;width:100px;background:#E7F9FF;}
          #k_menu li ul li a {display:block;text-align:left;padding-left:10%;width:98%;}

          #k_menu li ul li a:link {color:#666;text-decoration:none;}
          #k_menu li ul li a:visited {color:#666;text-decoration:none;}
          #k_menu li ul li a:hover {width:auto;color:#FFF;text-decoration:none;font-weight:normal;background:#7BC5EA;font-weight:bold;}

          #k_menu li:hover ul {left:auto;}
          #k_menu li.sfhover ul {left:auto;}

          下面為 導航欄的 代碼

          <LINK href="/template/menu.css" rel=stylesheet>
          <script type="text/javascript" src="/template/menu.js"></script>
          <script language="JavaScript">window.k_menu">
          {{king:article listid="1,2,3,4,5,6,7,8,9,10,11,12"}}
          <li>
          <A href="{king:listpath/}">{king:listname/}</A>           
          <ul>
          {king:articlelist listid="sub"}
          <li>
          <A href="(king:listpath/)">(king:listname/)</A>           
          </li>
          {/king}
          </ul>
          </li>
          {{/king}}
          </ul>


          fox1383164k 發表于:10-09-02 09:46 沙發 [回復] #Top#
          fox1383164k 人氣:377 積分:864 金幣:3006
          KC元老 灌水狂人
          完美支持IE7,IE6,Firefox3 的下拉導航菜單
          http://www.adjie.com/club/thread-61888-1-4.html
          http://www.adjie.com/club/viewthread.php?tid=58281
          bluesee兄已經發過類似的貼子,只所以重開主題,因為上面的方面用了js,在ie6,ie7下下拉菜單不顯示,倒是firefox支持的好一些.
          說明:不支持單頁面調用,除了首頁是手工寫入的,其它都用自動調用的,也許有人說欄目不多,手工寫就是了,這就隨便了
          菜單html
          復制內容到剪貼板代碼:
          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
          &lt;html &gt;&lt;br />&lt;head&gt;&lt;br />&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;&lt;br />&lt;meta name="keywords" content="{king:keywords code="htmlencode" /}" /&gt;&lt;br />&lt;meta name="description" content="{king:description code="htmlencode"/}" /&gt;&lt;br />&lt;title&gt;{king:title/}&lt;/title&gt;&lt;br />&lt;link href="images/cssmenu.css" rel="stylesheet" type="text/css" /&gt;&lt;br />&lt;/head&gt;
          &lt;body&gt;
          <div class="cssmenu">
          <ul>
          <li><a href="/"> 首頁</a></li>
          {{king:article listid="1,2,3,4,5,6,7,8,9,10,11,12"}}
          <li>
          <a href="{king:listpath/}">{king:listname/}
          &lt;!--[if IE 7]>&lt;!--&gt;</a>&lt;!--<![endif]--&gt;
          &lt;!--[if lte IE 6]><table><tr><td><![endif]--&gt;
          <ul>

          {king:articlelist listid="sub"}
          <li><a href="(king:listpath/)">(king:listname/)</a></li>
          {/king}
          </ul>
          &lt;!--[if lte IE 6]></td></tr></table></a><![endif]--&gt;
          </li>
          {{/king}}
          </ul>
          </div>
          &lt;/body&gt;
          &lt;/html&gt;


          css
          復制內容到剪貼板代碼:

          @charset "utf-8";
          /* CSS cssmenu by alljill */
          *{margin:0;padding:0;}
          .cssmenu {font-size:14px;position:relative;z-index:100; margin:0;padding:0; width:865px;}

          .cssmenu ul{list-style:none;}
          .cssmenu li {float:left;position:relative; width:96px;}
          .cssmenu ul ul {visibility:hidden;position:absolute;left:3px;top:27px;}
          .cssmenu table {position:absolute; top:0; left:0;}
          .cssmenu ul li:hover ul,
          .cssmenu ul a:hover ul{visibility:visible;}
          .cssmenu a{display:block;border:1px solid #ccc;background:url(/template/images/menubg.gif) repeat-x;padding:4px 15px;margin:1px;color:#339966;text-decoration:none;}
          .cssmenu a:hover{background:#339966;color:#000;border:1px solid #000;}
          .cssmenu ul ul{}
          .cssmenu ul ul li {clear:both;text-align:left;font-size:14px;}
          .cssmenu ul ul li a{display:block;width:100px;height:15px;margin:0;border:0;border-bottom:1px solid #858585;}
          .cssmenu ul ul li a:hover{border:0;background:#fafafa;border-bottom:1px solid #fff;}
          zongxiao08 發表于:11-04-25 17:56 板凳 [回復] #Top#
          zongxiao08 人氣:145 積分:1089 金幣:3553
          演示下就更好了
          bleach 發表于:11-06-14 10:10 4樓 [回復] #Top#
          bleach 人氣:87 積分:32 金幣:1003
          KC元老
          好的,收藏了。
          dl5541 發表于:12-08-21 12:31 5樓 [回復] #Top#
          dl5541 人氣:65 積分:4106 金幣:11690
          頂一下
          rzkgj 發表于:12-08-25 00:36 6樓 [回復] #Top#
          rzkgj 人氣:5 積分:11 金幣:15
          非常好
          xurizhaoyang 發表于:12-08-28 11:37 7樓 [回復] #Top#
          xurizhaoyang 人氣:12 積分:50 金幣:174
          有圖片 就更容易了解了。
          yxb1024 發表于:12-08-28 23:26 8樓 [回復] #Top#
          yxb1024 人氣:22 積分:27 金幣:154
          我說看不懂,你們可別笑我。。
          jianke593 發表于:13-08-07 11:54 9樓 [回復] #Top#
          jianke593 人氣:3 積分:24 金幣:181
          呵呵,收藏了
          kingqifu85 發表于:13-09-14 00:00 10樓 [回復] #Top#
          kingqifu85 人氣:0 積分:0 金幣:10
          收藏了

          12Next >

          發表回復

          帳號 匿名發布 審核后可見 [加載完整在線編輯器]
          內容
          驗證碼
          KingCMS 內容管理系統

          關于我們 聯系我們 廣告報價 付款方式 站點導航

          Copyright © 2004-2015 Focuznet All rights reserved.

          廣州唯眾網絡科技有限公司 粵ICP備08008106號

          中獎了! 国产精品无码素人福利_美女下部裸体张开腿视频_99久久99久久_亚洲成av人片在线播放无码