您现在的位置是:首页 > cms教程 > DedeCMS教程DedeCMS教程

dede织梦二级导航的实现代码示例

醉易2024-07-02DedeCMS教程已有人查阅

导读dede织梦二级导航分享下dedecms导航代码,如下:

分享下dedecms导航代码,如下:
<ul id="topmenue">
<li class="first" id="mn_portal"><a href="/" hidefocus="true" title="Portal">网站首页<span>Portal</span></a></li>
{dede:channelartlist typeid={dede:field.typeid/}
<li id="mn_N5f30" onmouseover="t('{dede:field name='typeid'/}');" onmouseout="f('{dede:field name='typeid'/}');" name="{dede:field name='typeid'/}">
<a href="{dede:field name='typeurl'/}" [field:rel/] >{dede:field name='typename'/}</a>
<ul id="snav" name="{dede:field.typeid/}">
{dede:channel type='son' noself='yes'}
<li style="display:block;height:40px;margin:0;padding:0;clear:both;background:none;text-align:cnetent;line-height:40px;background:#F4FBF4;"><a href="[field:typelink /]" >[field:typename /]</a></li>
{/dede:channel}
</ul>
</li>
{/dede:channelartlist}
</ul>
<ul id="topmenue">
<li class="first" id="mn_portal"><a href="www.ebingou.cn/" hidefocus="true" title="Portal">网站首页<span>Portal</span></a></li>
{dede:channelartlist typeid={dede:field.typeid/}
<li id="mn_N5f30" onmouseover="t('{dede:field name='typeid'/}');" onmouseout="f('{dede:field name='typeid'/}');" name="{dede:field name='typeid'/}">
<a href="{dede:field name='typeurl'/}" [field:rel/] >{dede:field name='typename'/}</a>
<ul id="snav" name="{dede:field.typeid/}">
{dede:channel type='son' noself='yes'}
<li style="display:block;height:40px;margin:0;padding:0;clear:both;background:none;text-align:cnetent;line-height:40px;background:#F4FBF4;"><a href="[field:typelink /]" >[field:typename /]</a></li>
{/dede:channel}
</ul>
</li>
{/dede:channelartlist}
</ul>
2,js代码
<script type="text/javascript">
function t(id) {
var dul = document.getElementsByName(id);
var fu = dul[1];
fu.style.display = "block";
}
function f(id) {
var dul = document.getElementsByName(id);
var fu = dul[0];
var lu = fu.childNodes[3];
lu.style.display = "none";
}
</script>
<script type="text/javascript">
function t(id) {
var dul = document.getElementsByName(id);
var fu = dul[1];
fu.style.display = "block";
}
function f(id) {
var dul = document.getElementsByName(id);
var fu = dul[0];
var lu = fu.childNodes[3];
lu.style.display = "none";
}
</script>

本文标签:

很赞哦! ()

相关源码

  • (带手机版)绿色生态农业种植农产品网站pbootcms源码下载本模板基于PbootCMS内核开发,为生态农业企业量身打造,适用于农业种植、有机农场、农产品电商等业务场景。模板设计充分体现绿色环保理念,突出农业特色,同时保持简洁大气的视觉效果,帮助农业企业建立专业形象。查看源码
  • (响应式自适应)小学初中作文论文文章资讯博客pbootcms模板下载为中小学作文、教育类网站设计,特别适合展示学生作文、教学资源和写作指导等内容。采用响应式技术,确保在不同设备上都能获得良好的阅读体验。查看源码
  • (自适应响应式)pbootcms紫色美容整形机构企业模板下载基于PbootCMS内核开发的响应式网站模板,为医疗美容机构、整形医院等企业设计,提供完整的线上展示平台采用紫色系配色方案,整体风格专业大气。模板包含首页轮播、服务项目、专家团队、案例展示等核心模块,能够充分展示医疗美容机构的专业服务和特色优势。查看源码
  • (自适应)蓝色建材亚克力板材装饰材料pbootcms网站模板这款基于PbootCMS开发的响应式模板为建材板材行业优化设计,适用于亚克力板材、建筑装饰材料等企业展示需求。采用HTML5技术实现手机/PC跨终端适配,管理员通过统一后台即可同步查看源码
  • (自适应HTML5)响应式智能设备人工智能机器pbootcms源码免费下载这款基于PbootCMS开发的网站模板为人工智能和智能设备行业设计,采用现代化科技风格,突出产品的智能特性和技术创新。模板架构合理,功能完善,能够有效展示各类智能产品的核心功能和解决方案。查看源码
  • (PC+WAP)蓝色五金机械设备营销型网站源码下载基于PbootCMS内核开发的营销型企业网站模板,为五金机械设备类企业打造,通过标准化数字展示提升客户转化率。模板采用模块化设计,可快速适配机床工具、建筑五金、阀门管件等细分领域。查看源码
分享笔记 (共有 篇笔记)
验证码:

本栏推荐