zoukankan      html  css  js  c++  java
  • Phpcms V9导航循环下拉菜单的调用技巧

    这个方法基于PC V9官方模版中的调用方法,然后利用后台的“Phpcms 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里边的循环就是下拉菜单的子栏目。

    控制不显示的栏目菜单方法:

    后台菜单:内容 > 内容相关设置 > 管理栏目 >,设置如下:

    Phpcms V9菜单是否显示设置

    在这里,调用代码中的{php echo runhook('glogal_header')}作用巨大,后台设置“是否在导航显示”选择“否”,那么就在导航菜单循环中不显示,这句代码把后台的设置响应到具体调用了,起到了这个作用。

    上面说的具体只是数据调用的方法,要做到下拉导航菜单,还需要CSS和JS的配合。

    大家可以找一个静态html的下拉菜单,然后用上面的调用方法,定义到现有的下拉菜单中。

    我是Vector,谢谢关注。
  • 相关阅读:
    [题解]小B的询问-莫队水题
    [学习笔记]莫队学习笔记[未完待续]
    ffmpeg设置超时时间
    python signal
    pydantic库使用文档
    rtmp及直播流相关资料
    ffmpeg 将视频转换成m3u8视频
    nginx stop失败问题
    linux使用ssh远程登录服务器
    解决Fcitx输入法文字候选无前端问题
  • 原文地址:https://www.cnblogs.com/vector121/p/7457796.html
Copyright © 2011-2022 走看看