首先，我们将下面的红色代码粘贴到“网站根目录模板默认 文本JavaScriptsrc= dedechannelartlisttypeid=topclass=子noself=a dedechannelartlist 导航菜单 然后我们重新生成网站首页，再打开首页刷新你会发现你的网站导航栏里已经出现了下拉菜单，但是因为没有背景图，所以背景还是透明的这时候。

1在下拉菜单的CSS样式中，使用zindex属性来控制下拉菜单的层级，确保其位于其他页面内容之上，但不会重叠和撑开下面的内容2在网页布局时，将下拉菜单的位置放在其它内容的空白区域，避免下拉菜单和下面的内容发生重叠或撑开例如，在菜单下方设定一个空白的容器，只有下拉菜单在里面显示3可以在。

菜单项制作完成链接页面设置完成后，就可将制作好的下拉导航菜单发布到网页中在发布的对话框中选择要插入下拉导航菜单的网页，代码必须要插入到页面的标签内，在代码中找到标签的位置，点击‘插入代码’按钮，就可成功发布，浏览网页时，就能看到下拉导航菜单1 点击要做下拉菜单的第一个单元格，在上。

先把导航条做出来，然后在每个想有下拉列表的栏目下，画出来下拉的选项，格式一般为 12，然后调好样式并将div的style设置，display= 然后获取到你的栏目，添加鼠标事件onMouseover或onclick都行事件中添加jquery代码quot要下来的那个div的选择器quotslideDown100 100为时间 基本上就是这个思。

用JAVASCRIPT就能搞定了，你看下这个文件效果，换成你的文字和图片就行了这个叫“树状菜单” 无标题文档 lt！ foldheadercursorhand fontweightbold liststyleimageurlfoldgif foldinglistliststyleimageurlfoldgif。

用zindex来提升它的层排序，这个值可以是负数，越大越在前，用在你被档住那个元素上还有，zindex一定要在用了position的元素上才会起作用。

其实，用Dreamweaver软件就可以制作下拉菜单，只需要点几下就出来了而且良好地兼容IEFF浏览器以下是具体制作步骤一打开Dreamweaver，点击 文件新建 菜单，创建一个HTML文件，输入网站导航栏文字，并选中输入的文字，在下面的属性栏链接处加一个空链接#然后保存该网页文件二点击 窗口行为。

1正常布局网站，导航栏也正常布局2自定义导航栏制作可复制原来的导航栏，也可以另制作一份，绝对定位，隐藏3在页面scroll事件中进行判断，滚动到指定像素位置，自定义的导航栏出现，并且随着scroll事件对top值不断更新，一句jquery的scrollTop4如果向上回滚，判断scrollTop值，隐藏自定义。

给你一个纯CSS的横向菜单代码吧，这个最省网页资源lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot lt。

很荣幸来回答你这个问题，你说的代码循环是说嵌套dedecms 调用标签吗如果是的话，这将非常简单，dedecms织梦调用导航菜单和其子菜单的标签是channelchannel频道标签 标签名称channel 标记简介织梦常用标记，通常用于网站顶部以获取站点栏目信息，方便网站会员分类浏览整站信息 功能说明用于获取栏目列表。

设置固定定位，定位到窗口顶部HTML这是一个固定定位的div CSSfixposition fixed background blackcolor #fff。

织梦V57 导航下拉添加方法如下1在核心下的网站栏目管理页面 2首先添加添加顶级栏目，添加成功后，列表后面点击添加子类即二级栏目的3后台没显示时点击下顶级栏目前面的+图片就出现二级栏目了，如果前台没显示，很有可能是你前台显示二级栏目的标签没有写，所以没显示4。

这个可以用jquery实现呀，你id=nav的那个div是不是写错了 应该是ul吧首先在首页引用jquery库 jquery171minijs 然后把下面的代码放在下面就可以了 documentready #39#nav li#39hover function #39#nav ul#39css#39display#39#39#39thischildren#39ul#39css。

JQ其实还可以写得更少Write Less而且你那样写有一个毛病，那就是用光标在的菜单上来回快速晃动几个，再移开光标时，你会发现，下拉的菜单它还在那里一上一下晃着所以要得在效果前加上一个stop function #39meun#39hoverfunction$thisfind#39ul#39stoptrue，trueslideDown。

让二级菜单变成一行，只需要在竖排的效果上，让二级菜单都浮动起来，这样就在一行了下面是简单的代码实现，仅供参考* margin0px padding0pxli liststyle width100px height30px fontsize14px textalignleft lineheight30px border1px solid #000 position。