小李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相关文章阅读
  • 织梦dedecms获取当前栏目id代码

    小李网络公司介绍织梦dedecms栏目id代码知识.包括织梦dedecms获取当前栏目ID技术教程,织梦dedecms获取当前内容页栏目id号的方法,织梦如何修改栏目id,dedecms表单调用,dedecms表单提交....

  • 织梦cms数据库及服务器空间更换教程

    小李网络公司介绍织梦cms数据库及服务器空间更换知识,包括织梦数据库文件在哪dedecms进入数据库服务器与数据库的关系数据库服务器怎么配置dedecms大数据库dedecms远程数据库dedecms存放数据库...

  • 织梦cms专题列表页不支持[dede:fulltitle]标签教程

    小李网络公司介绍织梦cms不支持[dede:fulltitle]标签教程知识,包括 织梦CMS不支持[dede:fulltitle]标签的修改方法_织梦58,dede模板标签大全a标签title属性样式dede标签弄不懂a标签的titlede的id标签title标签...

  • 织梦cms后台dede:memberlist按照空间点击数排序并加上序号的办法

    小李网络公司介绍织梦cms后台dede:memberlist按照空间点击数排序知识,包括dede什么意思dede怎么仿站dedecmsmember中文使用dedededemember怎么读fedexmember的意思是什么a member of是什么意思....

  • 织梦cms增加自定义文件名功能代码教程

    小李网络公司介绍织梦cms增加自定义文件名功能代码教程知识,包括dedecms模板接收变量如何更新dedecmsexcel如何增加自定义排序为什么不能自定义排序怎么设置自定义标签织梦建站关键词数量怎样...

  • 织梦cms模板中TAG列表按最新发布时间排序解决方法

    小李网络公司介绍织梦cms模板中TAG列表按最新发布时间排序知识,包括魅族手机发布时间排序华为图库不按时间排序苹果手机发布时间排序华为相册不按时间排序dedecms按时间排序手机发布时间排...

  • 织梦cms网站问答伪静态的实现方法

    小李网络公司介绍织梦cms网站问答实现伪静态知识.包括Dedecms(织梦)完美实现伪静态的方法_织梦58,nginx实现伪静态nginx 伪静态PHP伪静态dede改成整站静态aspcms伪静态dedecms模板绑域名伪静态html织梦...

  • 织梦cms实现调用随机数代码教程

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

  • 织梦cms判断当前页是否为首页的两种方法

    小李网络公司介绍织梦cms判断当前页是否为首页的两种方法知识,包括用dedecmsdedecms模板开发dedecms首页被黑了dedecms做论坛网站dedecms行dedecms首页幻灯dedecms首页显示不dedecms怎样做论坛....

  • 织梦cms网站建树中常用SEO配置教程

    小李网络公司介绍织梦cms网站建树中常用SEO配置教程知识,包括什么是建树常用网络设备的配置tat的配置方法什么叫配置建树怎么用设备的配置常用的电脑配置汽车配置功能汽车的配置主要包括...

  • 织梦cms网站dede:freelist标签增加排序方式

    小李网络公司介绍织梦cms网站dede:freelist标签知识.包括帝国cms和织梦哪个好dede模板站织梦安装dedecms 织梦织梦dede建站教程视频织梦 建站dedeartlistdedelist换行dedelist随机排序....

  • 织梦cms后台登录卡死怎么解决

    小李网络公司介绍织梦cms后台登录卡死知识.包括DeDecms建站:织梦登陆后台卡死(假死)解决方法,织梦dedecms登陆后台卡死情况处理方法.织梦dedecms后台登录后卡死浏览器奔溃如何解决?...

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