分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

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

发布时间:2023-09-06 01:07责任编辑:苏小强关键词:下拉菜单

这个方法基于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导航循环下拉菜单的调用技巧

原文地址:http://www.cnblogs.com/vector121/p/7457796.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved