小李SEO博客

网站优化服务

dedecms下拉二级菜单导航自动调用实现方法

使用织梦建网站时,很多网站需要二级菜单导航,这时就需要通过代码将后台的所有一级菜单和二级菜单都调用出来。效果如下图:

方法/步骤

<script type="text/javascript"src="{dede:global.cfg_templets_skin/}/static/js/jquery1.42.min.js"></script><script type="text/javascript"src="{dede:global.cfg_templets_skin/}/static/js/jquery.SuperSlide.2.1.3.js"></script><div id="navvr"><ul><li><a href="{dede:global.cfg_cmsurl/}/">网站首页</a></li> {dede:channelartlist row='10'typeid='top'}<liclass="nLi"><a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a><ul{dede:field name=typeid runphp="yes"}global$dsql;$sql="SELECT id From `58pic_arctype` WHERE reid='@me' And ishidden<>1 order by sortrank asc limit 0, 100 ";$row=$dsql->GetOne($sql); @me=is_array($row)?'class="submeau"':'class="subno"';{/dede:field}>{dede:channel type='son'noself='yes'}<li><a href='[field:typelink/]'>[field:typename/]</a></li>{/dede:channel}</ul></li>{/dede:channelartlist}</ul></div><script id="jsID"type="text/javascript"> jQuery("#navvr").slide({ type:"menu",// 效果类型,针对菜单/导航而引入的参数(默认slide) titCell:".nLi",//鼠标触发对象 targetCell:".submeau",//titCell里面包含的要显示/消失的对象 effect:"slideDown",//targetCell下拉效果 delayTime:300,//效果时间 triggerTime:0,//鼠标延迟触发时间(默认150) returnDefault:true//鼠标移走后返回默认状态,例如默认频道是“预告片”,鼠标移走后会返回“预告片”(默认false) }); </script>.nLi{float:left;position:relative;} .submeau{ display:none; width:130px; left:-30px; top:100%; position:absolute; z-index:999;background:#4E4E4E; line-height:26px; padding:0; } .submeau li{ zoom:1; width:100%;margin:0 !important;padding:5px 0; } .submeau a{ display:block; width:100%;margin:0; } .submeau a:hover{ background:#6d6d6d; color:#fff; } .subno{display:none;}

下载导航下拉菜单jquery特效基础包。链接: https://pan.baidu.com/s/1OfiCNiWJXE74QNvLq70IUA 提取码: ynur将下载的压缩包解压出来,将里面的jquery1.42.min.js和jquery.SuperSlide.2.1.3.js二个文件通过FTP工具上传到自己模板的js文件夹里;在头部模板head.htm里找到</head>标签,将下的代码放到</head>标签上面;(注意文件路径)使用以下的代码替换原来的网站导航菜单代码。将以下的CSS样式代码粘贴到style.css文件最下面。在网站后台--核心---网站栏目管理,进行一级栏目与二级栏目的添加。这样就可以制作出织梦下拉二级菜单导航了。

上一篇:dedecms在PHP7后台文档关键词维护教程 下一篇:dedecms替换函数实现英文分页办法
织梦cms相关文章阅读
  • 织梦cms文章标题长度修改方法

    小李网络公司介绍织梦cms文章标题长度修改方法知识,包括dedecms织梦程序怎么修改文章标题长度 - 百度知道,如何修改织梦dedecms文章内容摘要长度字数限制_朗创网络营销,DedeCMS如何修改文章标题...

  • 阿里云提示:织梦dedecms 支付模块注入漏洞导致SQL注入修复

    阿里云提示:织梦dedecms 支付模块注入漏洞导致SQL注入修复方法。又是哪里有问题呢,文件在include/payment/下面include/payment/alipay.php文件,搜索(大概在137行的样子) $order_sn = trim($_GET[out_trade_no]);...

  • 织梦cms调用相关文章方法

    小李网络公司介绍织梦cms调用相关文章方法知识,包括织梦常用调用标签织梦首页调用文章列表织梦栏目内容调用织梦内容也调用织梦相关文章调用织梦cms建站教程dedecms织梦系统织梦首页调用描...

  • 织梦cms当前栏目静态链接调用方法

    小李网络公司介绍织梦cms栏目静态链接调用知识.包括[织梦教程]dedecms当前栏目静态链接调用方法_素材虎,dedecms教程:调用当前栏目链接的方法-dedecms教程-跟版网,dedecms使用sql语句调用文章静态链...

  • 织梦cms标题显示完整调用代码

    小李网络公司介绍织梦cms标题调用代码知识.包括织梦DEDECMS无简略标题显示完整标题的实现代码,织梦dedecms简略标题调用标签用法指南,dedecms文章页文章的标题怎么调用到title....

  • 织梦cms模板内容页实现数组列表信息显示

    小李网络公司介绍织梦cms模板内容页实现数组列表信息显示知识,包括织梦网站免费模板织梦cms建站教程织梦 建站dedecms内容粘贴dedecms模板站dedecms内容关键词dedecms内容页代码dedecms文章内容页d...

  • 织梦cms网站列表调用缩略图方法

    小李网络公司介绍织梦cms列表调用缩略图方法知识,包括DEDE列表调用有缩图显示缩图,无缩图则不显示缩图的方法,显式调用和隐式调用触发器可以显示调用吗怎样解决系统调用失败显示调用基类...

  • 织梦cms模型新建附件样式字段修改超链接方法

    小李网络公司介绍织梦cms新建附件样式字段修改超链接知识.包括超链接4个伪类超链接和附件区别鼠标点击时的超链接样式如何将超链接设置为附件超级链接和超链接的区别css如何设置超链接样...

  • 织梦cms统计栏目文章总数sql调用方法

    小李网络公司介绍织梦cms统计栏目文章总数调用方法知识.包括织梦dedeCMS统计栏目文章(软件)总数- dedeCMS教程,DedeCMS 统计栏目的文章总数的调用方法_最火软件站.dedecms栏目页标签 dedecms栏目代码...

  • 织梦cms图集图片加上自动编号教程

    小李网络公司介绍织梦cms图集图片加上自动编号教程知识,包括织梦dedecms教程织梦cms建站教程dedecms织梦系统dedecms图集瀑布流dedecms输出图集dedecms图集幻灯片dedecms图集循环dedecms图集代码....

  • 织梦cms程序数据负载性能优化

    小李网络公司介绍织梦cms程序数据负载性能优化知识,包括DedeCMS数据负载性能优化方案简单几招让你提速N倍,帝国cms和织梦哪个好cms是什么意思啊织梦cms建站教程织梦官网帝国cms模板织梦模板大...

  • 织梦cms网站数据备份步骤详解

    小李网络公司介绍织梦cms网站数据备份步骤详解知识,包括织梦dedecms教程织梦cms建站教程dedecms织梦系统织梦默认模板管理dedecms首页dede织梦仿站acronis备份还原教程织梦cms移动织梦帮助文档,...

SEO公司排名
 
QQ在线咨询
SEM竞价推广
137-1296-7640
SEO优化外包
137-1296-7640