现在位置:首页 » phpcms »

Phpcms V9导航循环下拉菜单的调用技巧

心岛发布于2015年10月13日  分类: phpcms  浏览:4735 人次  评论:0 

今天处于个人兴趣,突发奇想研究起了phpcms,本文是笔者从网上为大家找到的一个为导航栏增加下拉菜单的技巧

在最近的一个项目里边,就用到了循环下拉菜单,而且要做到后台控制,在header模板中采用一个调用,在此和大家一起分享具体方法。

这个方法基于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>
{if $v[child]}
<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>
{/if}
</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的配合。今天时间有限,我就先写到这里,如果有朋友需要,在下面留言,我将在下一次分享具体的CSS代码和JS文件。

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

赞 (0次) 打赏
X
打赏方式:
  • 支付宝
  • 微信
  • QQ红包

打开支付宝扫一扫
上一篇: Phpcms V9模版安装教程
下一篇:听说火车头采集器v9出炉了,俺也来尝尝先

本文由心岛原创或编辑,转载请保留链接【Phpcms V9导航循环下拉菜单的调用技巧】https://www.liangxin.name/?post=1057

百度已收录!

目前有 0 条评论