<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]
          填寫帳號密碼即可完成注冊
          +新建話題 最新回復排序 最新主題排序 精華帖子

          實用代碼之2

          1Next >

          updatex 發表于:10-09-02 15:47 [添加收藏] 樓主 [回復] #Top#
          updatex 人氣:1503 積分:1536 金幣:31210
          VIP KC元老 灌水狂人
          大家好,KingCMS中,一直沒有當前文章,當前欄目這樣的屬性。
          這個屬性很重要,做什么用呢?
          比如,生成一個欄目菜單,點擊欄目菜單進入后,必然希望菜單欄這個欄目的菜單項改變一下樣式,以便和其他菜單項目區分開。

          沒有這個功能,我們可以自己開創,過程很簡單。
          我以網站的左邊導航菜單為例:
          第一步:生成一個碎片,碎片名稱:left_menu_article
          1. <ul>
          2. <div id="LeftMenu">
          3. {king:portal.article type="new" modelid="6" listid='(king:listid/)'}
          4. <li id='left_menu_{king:kid/}'>
          5. <div><a href="{king:path/}">{king:title/}</a></div>
          6. </li>
          7. {/king:portal.article}
          8. </ul>
          9. {king:block name='js_left_menu_article' /}
          10. </div>
          復制代碼
          第二步:再生成一個碎片,碎片名稱:js_left_menu_article
          1. <script language="javascript">
          2. active_left_menu = "left_menu_{king:listid/}";
          3. activeID = document.getElementById(active_left_menu);
          4. if(activeID)activeID.className="Active";
          5. </script>
          復制代碼
          第三步:在自己的CSS文件內加入對應的CSS代碼
          1. ?/* 左側導航菜單 */

          2. #LeftMenu
          3. {
          4.         width:230px;
          5.         margin:0px auto;
          6. }

          7. #LeftMenu ul
          8. {
          9.         list-style-type:none;
          10.         margin:0px;
          11.         padding:0px;
          12. }

          13. #LeftMenu ul li
          14. {
          15.         border-bottom:solid 1px #A9A9A9;
          16.         padding:2px 0px;
          17. }

          18. /* 菜單項目 */

          19. #LeftMenu ul li div

          20. {
          21.         padding:6px 18px;
          22. }

          23. #LeftMenu ul li div a:link, #LeftMenu ul li div a:visited
          24. {
          25.         color:#343434;
          26.         text-decoration:none;
          27. }

          28. #LeftMenu ul li div a:hover
          29. {
          30.         color:#9D222B;
          31. }

          32. /* 激活的菜單項目 */

          33. #LeftMenu ul li.Active div

          34. {
          35.         background:url("../images/leftmenu_act_bg.gif") #ccc;
          36.         color:White;
          37. }

          38. #LeftMenu ul li.Active div a:link, #LeftMenu ul li.Active div a:visited
          39. {
          40.         color:White;
          41. }
          復制代碼
          具體的效果,請參考:
          http://www.bizark.net/about/intro.html

          思考題:
          上面只針對欄目菜單,對于文章列表也可以實現同樣的效果,我的網站是實現了的,大家自己看看,如何改變上述的代碼,從而實現文章列表的當前列表效果。
          玩KingCMS,就是玩出自己的花樣。
          zongxiao08 發表于:11-04-26 20:49 沙發 [回復] #Top#
          zongxiao08 人氣:145 積分:1089 金幣:3553
          還啊
          xiekewen 發表于:11-05-25 10:17 板凳 [回復] #Top#
          xiekewen 人氣:19 積分:253 金幣:798
          板凳
          zhyc 發表于:11-10-02 14:22 4樓 [回復] #Top#
          zhyc 人氣:8 積分:381 金幣:1341
          不錯!
          無聊的飛翔 發表于:11-10-02 20:30 5樓 [回復] #Top#
          無聊的飛翔 人氣:402 積分:1736 金幣:20053
          KC元老
          這樣的帖子我見一次頂一次,雖然我沒太明白
          pgzx995 發表于:17-12-10 23:22 6樓 [回復] #Top#
          pgzx995 人氣:0 積分:802 金幣:2165
          我也不太明白,
          zhyc 發表于:18-03-03 11:58 8樓 [回復] #Top#
          zhyc 人氣:8 積分:381 金幣:1341
          mark

          1Next >

          發表回復

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

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

          Copyright © 2004-2015 Focuznet All rights reserved.

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

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