DEDE(织梦)CMS水平2级导航菜单制作.docVIP

DEDE(织梦)CMS水平二级导航菜单制作 最近在做一个旅游网站，对方要求使用类似于QQ票务的水平二级导航菜单，由于后台使用DEDE(织梦)CMS系统，所以研究了一下它的水平二级菜单的制作方法，网上的教程不是很详细，总结了一下，把我的制作过程和方法共享一下，希望对你有帮助。 效果如下： 我的dede原有模版的一级导航源码(head.htm)如下： 1 2 3 4 5 6 7 8 9!-- 导航 -- divid=nav ul liclass=w1ahref={dede:global.cfg_cmsurl/}/p主页/p/a/li {dede:channel type=top row=10 currentstyle=liclass=w1ahref=~typelink~~rel~p~typename~/p/a/li} liclass=w1ahref=[field:typeurl/][field:rel/]p[field:typename/]/p/a/li {/dede:channel} /ul /div 首先导入原来用于底部友链的javascript文件： 1scripttype=text/javascriptsrc={dede:global.cfg_cmsurl/}/images/js/dropdown.js/script 然后将导航部分代码改为： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19divid=nav ul liclass=w1ahref={dede:global.cfg_cmsurl/}/p主页/p/a/li {dede:channel type=top row=10} liclass=w1ahref=[field:typeurl/][field:rel/]p[field:typename/]/p/a/li {/dede:channel} /ul ul divstyle=clear:both;/div {dede:channelartlist typeid=top cacheid=channelsonlist} ulid=dropmenu{dede:field.typeid/}class=dropMenu {dede:channel type=son noself=yes} liclass=dropMenuahref=[field:typelink/][field:typename/]/a/li {/dede:channel} /ul {/dede:channelartlist} /ul /div scripttype=text/javascriptcssdropdown.startchrome(nav)/script 最后把下面的CSS代码加到你原有的CSS文件中就大功告成了： 1 2 3 4 5.dropMenu {background:url(img/snav.jpg)repeat-xscroll00transparent;width:1024px;height:31px;} .dropMenu ul li {height:16px;background:#fff} .dropMenu li {height:16px;background:#fff} .dropMenu a {width:auto;display:block;color:#000;padding:2px02px2px;background:#fff} .dropMenu a:hover {color:red;text-decoration:underline;}