zblog博客程序,有不少的開發者為其開發出一套套精美的模版或是插件。zblog博客主程序已支持二級分類,而一些博客主題的模版也適配的二級分類導航,但有點剛入門的新手們,還是不會設置二級分類。那么今天就寫一個很簡單的教程,供大家參考一下。

本教程也適用于本博客出品的幾個主題。

二級導航源碼

国产视频app 二級導航源碼,無非就是屬于UL標簽嵌套類型,對一些略懂HTML的程序員來說,是非常的簡單。

具體代碼示例如下

<ul>
    <li><a>一級導航</a></li>
    <li><a>一級導航</a></li>
    <li><a>一級導航</a>
        <ul>
            <li><a>二級導航</a></li>
            <li><a>二級導航</a></li>
            <li><a>二級導航</a></li>
        </ul>
    </li>
    <li><a>一級導航</a>
</ul>

国产视频app 由上面的代碼可以看出,二級導航的UL標簽是嵌套在一級UL標簽的LI標簽中,這樣鼠標點擊一級標簽或劃過一級標簽的時候,二級UL標簽就會顯示出來。

国产视频app 這里需要CSS代碼與JS代碼進行配合,才能達到二級分類的效果,具體這里不再說時,大家可以在網上找到很多這樣的示例來參考。

Zblog中簡單的獲得此嵌套代碼

国产视频app 在z-blog博客程序中,我們可以通過模塊中的“網站分類”模塊,快速的得到UL嵌套類型的分類導航代碼,具體操作如下:

国产视频app 1、添加設置你的分類,如果所示,設置你的分類是一級分類,還是屬于某個大分類下的小分類,如果此分類要顯示到導航上,下方的“加入導航欄菜單”的按鈕一定要打開

zblog二級導航菜單,網站二級導航,網站下拉導航,網站下拉菜單,下拉導航代碼

2、打開“模塊管理”中的“網站分類”模塊,如下圖箭頭所示,類型選擇“UL”,樣式選擇“UL嵌套”

zblog二級導航菜單,網站二級導航,網站下拉導航,網站下拉菜單,下拉導航代碼

3、提交保存此模塊,并再次打開,并復制“正文”中的代碼即可。

zblog二級導航菜單,網站二級導航,網站下拉導航,網站下拉菜單,下拉導航代碼

4、將你復制得到的代碼,按照你所使用主題的說明,放到主題的導航中去即可。

PS:這個教程,可以說是你一取巧的操作,當然,你也可以通過上面給出的代碼示例,參考著自己 寫一個導航的代碼出來!