您现在的位置是:首页 > 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>

本文标签:

很赞哦! ()

相关源码

  • 帝国cms7.5自适应作文新闻资讯教育网站模板本模板基于帝国CMS7.5内核开发,为教育机构、培训学校等知识传播单位打造。通过自适应设计确保在手机、平板、电脑等设备上均能获得专业浏览体验查看源码
  • 帝国cms7.5女性护肤搭配美妆潮流网站源码带数据4.5G本模板专为女性美容护肤行业设计,提供美容护肤、发型设计、女性健康、时尚化妆、娱乐新闻、服饰搭配等女性潮流资讯内容展示。采用帝国CMS7.5开发,同步生成电脑端和手机端,满足用户对美容时尚信息的获取需求。查看源码
  • 自适应电子科技类产品公司pbootcms网站模板基于PbootCMS内核开发,为电子科技类企业设计,适用于电子产品展示、企业官网等场景。该模板采用‌开源架构‌,用户可自由访问和修改源码,灵活适配各类行业需求,无需二次开发成本查看源码
  • (自适应)营销型健身器材产品设备类pbootcms模板网站为健身器材企业打造的营销型网站模板,基于PbootCMS开源内核开发。采用HTML5响应式架构,PC与移动端数据实时同步,适配多终端展示场景。查看源码
  • (PC+WAP)绿色日志美文文学说说博客网站pbootcms模板除日志博客类网站外,通过替换图文内容可快速适配:心情日记分享平台、文学创作社区、朋友圈内容聚合站、美文鉴赏网站、读书笔记平台等应用场景。查看源码
  • 手机软件APP游戏软件下载网站Pbootcms模板(自适应)基于PbootCMS内核深度开发的网站模板,为移动互联网时代打造。无论是手机APP推广、游戏软件展示,还是各类企业官网需求,本模板都能通过简单的图文替换实现行业无缝切换查看源码
分享笔记 (共有 篇笔记)
验证码:

本栏推荐