求 织梦模板二级导航的 循环代码

pclgd

寻求

织梦模板二级导航的

循环代码


<是自定义 样式 的代码>

注意：是模板中的代码
最好具体点  越详细越好！！  

天外飘仙

你是想要 下拉菜单吗？
织梦本身默认的模版的导航是不带下啦菜单的，今天说一下怎样修改成带下啦菜单的导航！

首先，复制代码：
程序代码

<!-- //二级子类下拉菜单，考虑SEO原因放置于底部  -->
<script type=\'text/javascript\' src=\'{dede:global.cfg_cmsurl/}/images/js/dropdown.js\'></script>
{dede:channelartlist typeid=\'top\' cacheid=\'channelsonlist\'}<ul id=\"dropmenu{dede:field.typeid/}\" class=\"dropMenu\">
  {dede:channel type=\'son\' noself=\'yes\'}  <li><a href=\"[field:typelink/]\">[field:typename/]</a></li>
  {/dede:channel}
</ul>
{/dede:channelartlist}
<script type=\"text/javascript\">cssdropdown.startchrome(\"navMenu\")</script>

<!-- //底部模板 -->

粘贴到DedeCMS5.7的模板文件 /templets/default/footer.htm中的顶端位置。

刷新会发现导航栏已经出现下拉菜单了，但背景是透明的，原因是没有背景图片。

到\\dede\\img里找mmenubg.gif复制到/templets/default/images下面，刷新再看一下效果，呵呵，导航栏是不是已经出现熟悉的下拉菜单了。

下拉菜单的边框还是原来蓝色的，修改/templets/default/style下的dedecms.css，找到代码：

程序代码

.dropMenu {
    position:absolute;
    top: 0;
    z-index:100;
    width: 120px;
    visibility: hidden;
    filter: progidXImageTransform.Microsoft.Shadow(color=#CACACA, direction=135, strength=4);  //一个滤镜效果
    margin-top: -1px;
    border: 1px solid #93E1EB; //设置边框的颜色
    background:url(../images/xxx.gif); //设置背景图片
把最后一行的颜色代码#93E1EB修改为你要的颜色即可。
如果是固定的和dz类似的二级导航话 你可以考虑做固定代码的，比循环什么的 简单多了，效果是一样的

pclgd

天外飘仙 发表于 2013-1-5 15:56
你是想要 下拉菜单吗？
织梦本身默认的模版的导航是不带下啦菜单的，今天说一下怎样修改成带下啦菜单的导航 ...

这个代码我弄出来不行哦，，我也网上找过其他相关代码 都没搞定 不知道哪里问题呢。。

是下拉菜单的！！！


不知道能看到我发的图不？

天外飘仙

pclgd 发表于 2013-1-5 16:21
这个代码我弄出来不行哦，，我也网上找过其他相关代码 都没搞定 不知道哪里问题呢。。

是下拉菜单的！ ...

你说的那个 就是二级的下拉菜单，

你参考系统自带的模板在加上 我给的代码 就完全可以做出来了，只不过css样式表有些不同，你自己修改一下就行了

pclgd

天外飘仙 发表于 2013-1-5 16:34
你说的那个 就是二级的下拉菜单，

你参考系统自带的模板在加上 我给的代码 就完全可以做出来了，只不过 ...

很多不懂  求助啦！！搞不懂JS
JS和CSS详见附件！！


/* ######### Drop Down ULs CSS ######### */
.menu1 ul li{float:left; list-style:none; margin:0px; padding:0px;}
.menu1 ul{list-style:none; margin:0px; padding:0px;}
.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font-family:\"宋体\", \"新宋体\";
margin: 0px;
padding: 0px;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
border-bottom-width: 0;
visibility: hidden;
z-index: 100; border:1px #CCC solid;border-top:none;
}
.ddsubmenustyle li a{
display:block;
width: 120px; /*width of menu (not including side paddings)*/
color: #666;
background-color: #F7F7F7;
text-decoration: none;
padding: 5px 5px;
border: 1px solid #fff; border-top:none;
}
* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 130px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
background-color:#EFEFEF;
color: #c00;
}
/* ######### Neutral CSS  ######### */
.downarrowpointer{ /*CSS for \"down\" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}
.rightarrowpointer{ /*CSS for \"right\" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}
.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}
//下拉样式代码结束
//下拉样式代码结束
//下拉样式代码结束

/////导航部分


link rel=\"stylesheet\" type=\"text/css\" href=\"ddlevelsmenu-base.css\" />
<script type=\"text/javascript\" src=\"ddlevelsmenu.js\"></script>
    <div id=\"ddtopmenubar\" class=\"menu1\">
    <ul>
    <li><a href=\"#\" class=\"menu\">首　页</a></li>
   ////需要循环的部分
////需要循环的部分
////需要循环的部分
  
    <li><a href=\"#\"  id=\"secondid\" rel=\"ddsubmenu2\" class=\"menu\">一级菜单一</a>
        <ul class=\"ddsubmenustyle\" id=\"ddsubmenu2\">
           <li><a href=\"#\"   class=\'he\'>二级菜单一</a>
           </li>   
          <li><a href=\"#\" class=\'he\'>二级菜单二</a>
           </li>                 
        </ul>  
    </li>
<li><a href=\"#\"  id=\"secondid\" rel=\"ddsubmenu2\" class=\"menu\">一级菜单二</a>
        <ul class=\"ddsubmenustyle\" id=\"ddsubmenu2\">
           <li><a href=\"#\"  class=\'he\'>二级菜单二</a>
           </li>   
          <li><a href=\"#\"  class=\'he\'>二级菜单二</a>
           </li>                 
        </ul>  
    </li>
<li><a href=\"#\"  id=\"secondid\" rel=\"ddsubmenu2\" class=\"menu\">一级菜单三</a>
        <ul class=\"ddsubmenustyle\" id=\"ddsubmenu2\">
           <li><a href=\"#\" class=\'he\'>二级菜单三</a>
           </li>   
          <li><a href=\"#\" class=\'he\'>二级菜单三</a>
           </li>                 
        </ul>  
    </li>
////需要循环的部分结束   
////需要循环的部分结束
////需要循环的部分结束
</ul>
</div>
<script type=\"text/javascript\">
ddlevelsmenu.setup(\"ddtopmenubar\", \"topbar\") //ddlevelsmenu.setup(\"mainmenuid\", \"topbar|sidebar\")
</script>

///////求高手将其中的导航写成织梦的循环代码<红色自己部分>
JS和CSS详见附件！！
跪求！！