您现在的位置是:首页 > 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文本字段限制字数的方法
[field:description /]标签如何限制字数? 答案:[field:description function=cn_substr(@me,8
织梦系统data目录下的sessions文件夹的作用
DedeCms中data目录下有个sessions目录,那这个目录是干什么用的呢?而且每天都有许多文件,里面的文件越来越多,所以就有很多人问能不能删除,删
dedecms按照ID升序或降序排列的实现方法
按ID排序降序排列:row='10' 调用10条, titlelen='60'标题长度为30汉字 orderby='id' 按ID,降序排列按ID排序顺序排列
相关源码
-
帝国cms大气淘宝客网站源码带手机版带火车头采集本款创意礼物导购网站模板为礼物类电商平台设计,采用清爽简约的界面风格,具备完善的商品导购功能。系统支持在文章攻略中灵活插入商品购买链接,实现内容与电商的结合。查看源码 -
(自适应响应式)HTML5磁电机械设备蓝色营销型网站pbootcms模板本模板为磁电设备行业设计,采用蓝色营销风格,突出工业设备的专业性和技术感。模板结构清晰,能够有效展示磁电设备的技术参数、应用场景和企业实力,帮助客户快速了解产品特点和公司服务。查看源码 -
(PC+WAP)绿色硅胶橡胶玩具制品营销型网站源码下载为硅胶橡胶制品及玩具行业打造的营销型网站模板,采用PbootCMS内核开发,通过模块化设计实现产品参数、安全认证、应用场景等专业内容的可视化呈现,助力企业建立可信赖的线上展示平台。查看源码 -
(自适应响应式)黑色酷炫高端数码摄影pbootcms网站模板源码本模板基于PbootCMS开发,为摄影工作室、个人摄影师及摄影爱好者设计。采用深色系风格,突出摄影作品展示效果,适配各类数码设备浏览。适用于作品集展示查看源码 -
html5响应式pbootcms模板新闻资讯博客网站源码该模板采用PbootCMS内核开发,专为新闻资讯类网站打造,同时具备高度行业适配性--只需替换图文内容即可快速转型为企业官网、行业门户等各类站点。查看源码 -
帝国CMS7.5小说推荐公众号导航带wap手机站+带采集工具本模板为小说导航类网站设计开发,基于帝国CMS7.5内核构建,针对小说阅读领域的分类聚合需求进行深度优化。通过智能分类系统和用户行为分析,实现小说资源的精准推荐与导航功能。查看源码
| 分享笔记 (共有 篇笔记) |
