DZ论坛头部LOGO附近加入下拉导航条

在Discuz X2.0版本下测试无错位，下拉菜单文字三个字情况下在IE7和火狐浏览器下显示无措。

打开论坛当前风格头部文件header.htm。

查找一下代码位置：

1. <h2><!--{if !isset($_G['setting']['navlogos'][$mnid])}--><a href="./" title="$_G['setting']['bbname']">{$_G['style']['boardlogo']}</a><!--{else}-->$_G['setting']['navlogos'][$mnid]<!--{/if}--></h2> 

在上面查找的代码下面加入以下代码

1. <!--下拉导航条开始 QQ1047894--> 
2. <style type="text/css">  
3. #city *{ margin:0;padding:0; z-index:1000000; top:0;left:0px; float:left;} 
4. #warpper{ position: relative; z-index:1000000; margin-top:20px;} 
5. #city { font:normal 12px Verdana, Arial, Helvetica, sans-serif; text-align:center; z-index:1000000;} 
6. #city a{ cursor:pointer; color:#666} 
7. #city dl{ height:18px; line-height:18px; padding:0 10px;} 
8. #city dt,.normal{ float:left; padding:0 10px 0 0 ; border-right:0px solid #ccc; text-decoration:none; width:auto; cursor:pointer; color:#FF3300; font-weight:bold;} 
9. #city dt.over{ position:relative;padding:0 10px 0px 0px; z-index:1000001;color:#FF3300; font-weight:bold; height:20px; } 
10. <!--下来菜单可以根据实际情况修改宽度，有两处地方（默认为：width:180px）-->
11. #city li{ float:left; list-style-type:none; margin:0px 5px; width:180px;} 
12. #city #c1 li a{ float:left; list-style-type:none; margin:0px 3px; 0 0 } 
13. #city dl dd{ position:absolute; width:180px; left:0;top:20px!important; border:1px solid #bbb; background:#fff; filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=120, color=#cccccc); padding:3px 0;} 
14. .block{ display:block;} 
15. .none{ display:none;} 
16. </style> 
17. <script language="javascript">  
18. function $(str){ return document.getElementById(str);} 
19. function $$(str){ return document.getElementsByTagName(str);} 
20. var timer; 
21. function changeMenu(thisObj,num){ 
22. if(thisObj.className=="over") return false; 
23. hids(thisObj); 
24. thisObj.className="over"; 
25. $("c"+(num+1)).className="block"; 
26.  
27. $("c"+(num+1)).onmouseover=function(){clearTimeout(timer);} 
28. $("c"+(num+1)).onmouseout=function(){timer=setTimeout(function(){hids(thisObj);},500)} 
29. thisObj.onmouseout=function(){timer=setTimeout(function(){hids(thisObj);},3000)} 
30.  
31. } 
32. function hids(thisObj){ 
33. clearTimeout(timer); 
34. var tabObj=thisObj.parentNode.getAttribute("id"); 
35. var obj_dt=$(tabObj).getElementsByTagName("dt"); 
36. for(var i=0;i<obj_dt.length;i++){ 
37. obj_dt[i].className="normal"; 
38. $("c"+(i+1)).className="none"; 
39. } 
40. } 
41. </script> 
42. <div id="city"> 
43. <dl id="warpper"> 
44. <dt onMouseOver="changeMenu(this,0);">[去其他县市]</dt> 
45. <dd id="c1" class="none"> 
46. <ul> 
47. <li><a href="http://bbs.zzccoo.com/forum-40-1.html">株洲市</a> <a href="http://bbs.zzccoo.com/forum-180-1.html">醴陵市</a> <a href="http://bbs.zzccoo.com/forum-180-1.html">攸县县</a> <a href="http://bbs.zzccoo.com/forum-180-1.html">茶陵县</a> <a href="http://bbs.zzccoo.com/forum-180-1.html">株洲县</a> <a href="http://bbs.zzccoo.com/forum-180-1.html">炎陵县</a> <a href="http://bbs.zzccoo.com/forum-180-1.html">天元区</a> <a href="http://bbs.zzccoo.com/forum-180-1.html">录口县</a> <a href="http://bbs.zzccoo.com/forum-180-1.html">荷塘区</a> 
48. </li> 
49. </ul> 
50. </dd> 
51. </dl> 
52.  
53. </div> 
54. <!--下拉导航条结束 QQ1047894--> 

 效果图见下

 

 

转载于:https://blog.51cto.com/edsoki/624779