您现在的位置是:首页 > cms教程 > DedeCMS教程DedeCMS教程
dedecms调用栏目导航并生成二级下拉菜单的代码实例
怀亦2024-08-16DedeCMS教程已有人查阅
导读自带标签生成相信大家都知道,也很简单。织梦默认的生成标签是这样的:
自带标签生成相信大家都知道,也很简单。
织梦默认的生成标签是这样的:
CSS代码:
织梦默认的生成标签是这样的:
{dede:channel type=’top’ row=’10′ currentstyle=”<li class=’hover’><a href=’~typelink~’ ~rel~><span>~typename~</span></a></li>”}
<li><a href=’[field:typeurl/]‘ [field:rel/]><span>[field:typename/]</span></a></li>
{/dede:channel}
这个并不带有二级菜单,这里有一串代码,简单生成并带有下拉效果的二级菜单代码如下:CSS代码:
.zb { list-style:none; text-align:left; position:absolute; z-index:99999; margin:0px; padding:0px !important; top:37px; left:0px; background:#009900; width:130px; display:none }
.zb li{ text-align:left ; line-height:30px !important; height:30px; width:130px; }
.r{ margin-left:10px; font-weight:normal}
.nav_cc li{ float:left;line-height:37px; font-weight:bold; color:#fff; font-family:黑体;}
.nav_cc ul{ padding-left:20px}
.nav_cc li a:link,.nav_cc li a:visited{ font-size:14px; color:#fff; margin:auto 15px}
.nav_cc li a:hover{ color:#f00}
.hover{color:#f00}
带有织梦标签的html:
<script src=".min.js"></script> //引入要用的js
<div class="nav_cc" style="overflow:inherit">
<ul id="shanmao">
<li><a href='{dede:global.cfg_cmsurl/}/'><span>主页</span></a> |</li>
{dede:channelartlist row=8}
<li style="position:relative;"><a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a> |
<ul class="zb">
{dede:sql sql='Select * from dede_arctype where reid=~id~ ORDER BY id limit 0,17'}
<li><a href='/plus/list.php?tid=[field:id/]' style="font-weight:normal">[field:typename/]</a></li>
{/dede:sql}
</ul></li>
{/dede:channelartlist}
<li><a href="{dede:global.cfg_cmsurl/}/plus/guestbook.php">技术问答</a> |</li>
</ul>
</div>
之后是下拉菜单执行代码:
<script>
$(document).ready(function(){
$("#shanmao li").hover(function(){
$(this).children(".zb").slideDown(1000);
},function(){
$(this).children(".zb").slideUp(0);
});
});
</script>
本文标签:
很赞哦! ()
相关教程
图文教程
织梦dedecms的LOOP语句调用自定义表单内容的方法
在使用edecms的过程中通常会要用到LOOP语句 这里我们将要说到的是:织梦edecms LOOP语句调用自定义表单内容的方法
dede织梦关键词内链系统大比拼一:Phpcms VS dedecms
一个网站拥有完美的内链系统,不仅能增加搜索引擎对网站的肯定,还能提高访客的用户体验。所以内链在网站优化的过程中同外链一样,是一个不可忽视的地方。
织梦网站出现{dede:php}file_put_contents('k','')的解决方法
在织梦程序6月份的BUG中,很多网站被挂马,网站前台页面显示:这个情况多是由于网站用了系统自带广告位,解决的办法如下:
织梦dedecms采集一些过滤规则示例
如果要过滤的内容很简单,完全可以把过滤规则直接写在“{dede:trim}”和“{/dede:trim}”之间。对于比较复杂的情况,请考虑使用正则,你懂的,正则表达式,那是相当强劲的。
相关源码
-
(自适应)绿色宠物门诊兽医行业网站模板该绿色清爽风格网站模板专为宠物门诊与兽医诊所设计,基于PbootCMS内核开发,采用响应式布局确保手机、PC等多端体验一致,帮助宠物医疗机构高效构建线上服务平台。查看源码 -
(自适应)蓝色自动溶剂萃取仪器设备类网站pbootcms模板下载本模板为溶剂萃取设备、实验室仪器等精密仪器行业设计,采用PbootCMS内核开发,具有高度专业性和行业适配性。模板设计充分考虑了仪器设备行业展示需求,能够呈现各类精密仪器的技术参数、应用场景和解决方案。查看源码 -
自适应新闻资讯技术博客个人网站pbootcms模板该模板基于PbootCMS开源内核深度开发,该模板适用于游戏新闻网站、游戏博客等企业或个人网站,新闻资讯技术博客pbootcms模板;采用六级分辨率断点适配技术查看源码 -
pbootcms源码宠物类网站源码下载(自适应多端)为宠物装备商店、宠物食品及用品企业打造的营销型模板,基于PbootCMS内核深度开发。采用响应式设计实现PC与移动端适配,PHP7.0+高性能架构支持MySQL/SQLite双数据库查看源码 -
(自适应响应式)高端家用办公家具家居桌椅pbootcms模板下载为办公家具企业设计的响应式网站模板,涵盖产品展示、案例呈现、企业介绍等核心模块。通过可视化后台可快速发布实木桌椅、系统家具、办公屏风等产品信息,帮助客户直观了解材质参数与空间搭配方案。查看源码 -
(自适应响应式)投资理财金融机构财务管理pbootcms模板本模板基于PbootCMS系统开发,为投资理财、金融机构等行业设计。采用专业严谨的布局风格,突出金融服务行业特色,适合展示各类理财产品、投资服务和金融资讯。查看源码
| 分享笔记 (共有 篇笔记) |
