Phpcms V9導航迴圈下拉式功能表的調用技巧

標籤：cat   src   data   中間   選擇   listorder   bar   技術   ima   

這個方法基於PC V9官方模版中的調用方法，然後利用背景“Phpcms V9菜單是否顯示設定”控制功能表是否顯示出來。

先看看最後的效果：

調用方法：

<div id="navbar">    <div id="navbarcontent">        <div id="menu">            <ul id="menuul">            {pc:content action="category" catid="0" num="25" siteid="$siteid" order="listorder ASC"}                <li><div><a href="{siteurl($siteid)}/"><span>網站首頁</span></a></div></li>                <li><img width="1" height="45" src="{siteurl($siteid)}/style/images/navline.gif"></li>                {loop $data $k $v}                <li>                    <div>                        <a href="{$v[url]}"><span>{$v[catname]}</span></a>                        <ul class="sub_mune_ul" style="display: none; ">                        {pc:content action="category" catid="$k" num="10" siteid="$siteid" order="listorder ASC"}                        {loop $data $r} <li><a href="{$r[url]}">{$r[catname]}</a></li> {/loop}                        {/pc}                        </ul>                    </div>                </li>                {if $v[catid]==5}{else}                <li>                    <img width="1" height="45" src="{siteurl($siteid)}/style/images/navline.gif">                </li>                {/if}                {/loop}            {/pc}            {php echo runhook(‘glogal_header‘)}            </ul>        </div>    </div></div>

在這個代碼裡邊，我把外部的的DIV標籤頁帶上了，這是完整的代碼，為了更好的定義CSS，如果只是調用資料，那麼只要{pc}語句中間的部分就好了。

大家可以看到<li>標籤裡邊，我還設定了一個div，這個div裡邊的迴圈就是下拉式功能表的子欄目。

控制不顯示的欄目菜單方法：

後台菜單：內容 > 內容相關設定 > 管理欄目 >，設定如下：

在這裡，調用代碼中的{php echo runhook(‘glogal_header‘)}作用巨大，後台設定“是否在導航顯示”選擇“否”，那麼就在導覽功能表迴圈中不顯示，這句代碼把背景設定響應到具體調用了，起到了這個作用。

上面說的具體只是資料調用的方法，要做到下拉導覽功能表，還需要CSS和JS的配合。

大家可以找一個靜態html的下拉式功能表，然後用上面的調用方法，定義到現有的下拉式功能表中。

 

Phpcms V9導航迴圈下拉式功能表的調用技巧