您现在的位置是:首页 > 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内核开发的响应式模板,为水处理设备、空气净化器等环保企业设计,自适应手机端浏览。通过简洁高效的后台管理系统,助力环保科技企业快速建立专业在线展示平台。查看源码
  • (PC+WAP)家居装饰家装建材营销型网站pbootcms模板下载本模板基于PbootCMS开发,主要服务于家居装饰、建材及相关行业。采用现代化设计风格,同时适配PC和移动设备访问。模板结构清晰,突出展示家装案例和建材产品,帮助企业在线上建立专业形象,有效展示产品与服务优势。查看源码
  • 帝国CMS游戏应用APP推广下载站模板免费下载本模板为移动应用推广、手机游戏推广行业设计,集成H5游戏平台与APP下载功能,支持PC端与移动端自适应访问。专注于为应用开发商、游戏发行商提供专业的线上推广展示平台。查看源码
  • (自适应手机端)英文外贸电子产品通用pbootcms模板源码下载为电子产品外贸企业设计的响应式网站模板,采用PbootCMS开发内核,支持多语言展示。模板默认集成产品展示系统、询价表单模块和企业资质展示区,满足跨境贸易基础需求。整站采用模块化设计,便于扩展业务场景。查看源码
  • (自适应响应式)动力刀座五金机械设备pbootcms网站源码下载为动力刀座及五金机械企业定制的响应式网站框架,基于PbootCMS系统深度开发,助力传统制造企业实现数字化转型升级。采用手工编写的DIV+CSS前端架构,代码执行效率提升40%。查看源码
  • (自适应响应式)高新技术科技能源pbootcms网站HTML5模板本模板基于PbootCMS内核开发,为高新技术、科技研发、能源技术等科技型企业设计。采用HTML5+CSS3前沿技术,具备完善的响应式布局,能够自动适配手机、平板和电脑等多种终端设备。模板设计风格简约大气查看源码
分享笔记 (共有 篇笔记)
验证码:

本栏推荐