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

本文标签:

很赞哦! ()

相关源码

  • (自适应响应式)WORDwps办公资源教程资讯网站模板下载基于PbootCMS内核开发的响应式网站模板,为办公教程、WPS技巧分享、职场技能培训等场景打造。模板内置标准化文档分类体系,支持图文/视频教程混合展示,满足现代办公知识传播需求。查看源码
  • 宽屏自适应搬家家政快递物流公司网站模板该宽屏大气的响应式网站模板专为搬家公司、家政服务及物流快递企业设计,基于PbootCMS内核开发,通过自适应布局确保手机、PC等多终端体验一致,助力企业高效构建专业在线服务平台。查看源码
  • 自适应车行汽车租赁二手车行业企业网站模板为汽车租赁与二手车交易场景深度优化,采用PbootCMS内核开发,聚焦车辆展示、租赁流程与服务介绍三大核心模块。响应式布局确保PC与移动端数据实时同步,后台一键管理车辆信息查看源码
  • (自适应)调节阀门气动球阀控制阀网站模板源码下载为调节阀门、气动球阀等工业设备企业打造的响应式网站模板,基于PbootCMS系统开发。突出产品参数展示与技术文档管理功能,通过专业化的布局设计有效呈现工业设备特性,适配各类终端访问需求。查看源码
  • (PC+WAP)红色驾校培训学车在线预约源码下载基于PbootCMS内核开发的驾校培训专用网站模板,深度适配驾驶培训行业展示需求。采用PC与移动端同步响应设计,单一后台统一管理内容数据,更换图文素材后可快速转变为其他行业网站。查看源码
  • pbootcms模板(PC+WAP)传媒广告影视公司网站源码基于PbootCMS内核开发的全自适应传媒文化网站模板,为影视公司、广告传媒企业打造,同时支持多行业快速适配。通过替换文字图片即可转换为其他行业网站查看源码
分享笔记 (共有 篇笔记)
验证码:

本栏推荐