• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧
您的位置:首页 > CMS教程 >建站教程 > Phpcms V9导航循环下拉菜单的调用技巧

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

作者:站长图库 字体:[增加 减小] 来源:互联网 时间:2022-04-29

站长图库向大家介绍了等相关知识,希望对您有所帮助
在之前分享的Phpcms V9栏目循环调用采用IF判断自定义不显示指定栏目方法中,做到了自定义调用栏目循环中的类别,那么在顶部下拉菜单中,怎么做到自定义调用栏目和对应的子栏目下拉菜单呢?

在最近的一个项目里边,就用到了循环下拉菜单,而且要做到后台控制,在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> <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的配合。今天时间有限,我就先写到这里,如果有朋友需要,在下面留言,我将在下一次分享具体的CSS代码和JS文件。

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

 

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 2022-04-29PhotoShop简单制作抽象拼色文字特效教程
  • 2022-04-29wordpress打开速度慢最佳解决方案
  • 2022-04-29百度小程序富文本解析工具bdParse的使用
  • 2022-04-29Linux怎么安装ffmpeg-php扩展
  • 2022-04-29了解优化PHP7性能的几个设置
  • 2022-04-29PhotoShop制作魔幻霓虹火焰字效果的教程
  • 2022-04-29WordPress移除head头部js、css、feed等多余加载项
  • 2022-04-29帝国CMS7.5使用TAGSID实现伪静态调用方法
  • 2022-04-29Photoshop设计立体喜庆的舞台效果图
  • 2022-04-29Ajax实现登录案例

文章分类

  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧

最近更新的内容

    • Uniapp发布为H5版本时如何隐藏访问路径的#符号
    • PhotoShop CS5打造木栈道婚纱外景照片后期合成教程
    • Nodejs+express中间件实现文件上传
    • 了解Ajax Session失效跳转登录页面的方法
    • 网站排名内部优化方法
    • YII怎么输出sql语句?
    • Vue 手势组件教程
    • 实例详解通过LogMiner实现Oracle数据同步迁移
    • 详解wordpress非根目录部署nginx关键配置
    • Photoshop创建电影品质DVD封面

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有