<form id="jzrjp"></form>
      <address id="jzrjp"></address><noframes id="jzrjp">

      <sub id="jzrjp"><listing id="jzrjp"><menuitem id="jzrjp"></menuitem></listing></sub><sub id="jzrjp"><address id="jzrjp"><listing id="jzrjp"></listing></address></sub>

      phpcms v9如何制作三級欄目(三級頁面)

      發布時間:2014-12-17 18:42:53     來源:     閱讀:

      文章導讀

      之前合肥做網站的客戶給介紹了另一位客戶,要做一個化工類型的網站,但是網站需要有三級欄目(三級頁面),還要欄目高亮,一般客戶做網站只
      1.   之前合肥做網站都是只做二級欄目,現在要有三級欄目(三級頁面),還要欄目高亮,一般客戶做網站只做到二級欄目就差不多了,很少有客戶需要做三級欄目的。合肥網站建設公司笑緣信息技術有限公司采用如下解決方案:

          一、首先,要知道phpcms v9里面都有什么東西是我們能用的。
        1.$top_parent:這個變量存儲的是當前欄目的頂級父欄目的欄目id;
        2.$catid:這個變量就是你現在瀏覽的當前頁面所屬欄目的欄目id;

          二、思路
        不管用戶處在哪個欄目,都統統調出從一級到三級的所有欄目,并根據需要進行顯示或者隱藏(這里我采用JQuery來控制,原因是操作簡單,效果酷炫,不多解釋)。

          三、代碼
        1.JQuery代碼:

         

        
        
        1. <script language="javascript" type="text/javascript">
        2. $(document).ready(function(e) {
        3. $("a.hassub").click(function(){
        4. event.preventDefault();
        5. $(this).parent().children("ul.catlev3").slideToggle();
        6. });
        7. $("ul.catlev3").hide();//隱藏所有三級欄目
        8. $("ul.catlev3 li.active").parent().slideDown();//如果檢測到是當前欄目,就滑動展開二級欄目以便三級欄目顯示出來
        9. });
        10. </script>
        11.  

         

        2.php代碼:

         

        
        
        1.  
          • {pc:content action="category" catid="$top_parentid" num="15" siteid="$siteid" order="listorder ASC"}
          • {loop $data $r}
          • {pc:content action="category" catid="$r[catid]" num="15" siteid="$siteid" order="listorder ASC" return="cat3"}
          • {if $cat3}
          • {if $catid==$r[catid]} class="active"{/if}> class="hassub" href="{$r[url]}">{$r[catname]}
          • class="catlev3">
          • {loop $cat3 $v}
          • {if $catid==$v[catid]} class="active"{/if}> href="{$v[url]}">{$v[catname]}
        2. {/loop}
        3.  
        4.  
        5. {else}
        6. {if $catid==$r[catid]} class="active"{/if}> href="{$r[url]}">{$r[catname]}
        7. {/if}
        8. {/pc}
        9. {/loop}
        10. {/pc}
        11.  
        12.  

         

        代碼解釋

        {if $catid==$r[catid]} class="active"{/if}:遍歷欄目id的時候,如果正在輸出的欄目id和當前瀏覽的欄目id相等,就給
        • 標簽加個active類,你可以在css中編寫active類的樣式以便讓當前欄目高亮。

          注意:你也可以去除有子欄目的鏈接href屬性,否則,你必須在JQuery代碼中使用event.preventDefault();方法來阻止瀏覽器默認打開鏈接,否則,你那個三級欄目就顯示不出來啦!

          基本就是這么處理的,感覺寫的挺詳細的,具體效果,你可以點擊下面的鏈接查看

          \

          合肥網站建設公司笑緣信息技術有限公司,專業承接網站建設業務,用心服務,做能讓您真正賺錢的網站!

        • 電話咨詢

        • 400-670-1990
        • 18805695870
        一区二区三区鲁丝不卡

          <form id="jzrjp"></form>
            <address id="jzrjp"></address><noframes id="jzrjp">

            <sub id="jzrjp"><listing id="jzrjp"><menuitem id="jzrjp"></menuitem></listing></sub><sub id="jzrjp"><address id="jzrjp"><listing id="jzrjp"></listing></address></sub>