仿19楼【去其它城市】功能，绿色版本 FOR discuz7.2/x2.0

易购小天地

效果如图演示：


修改方法如下：

7.2版本的，打开：/templates/default/header.htm （非默认风格，则修改风格中的header.htm）

搜索从下代码：

<h2><a href="$indexname" title="$bbname">{BOARDLOGO}</a></h2>

在这个代码下面添加以下代码（代码回复可见，与X2.0代码一样）

---

X2.0版本的，打开：/template/default/common/header.htm （非默认风格，则修改风格中的header.htm）
搜索从下代码：

<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. 01.<!--城市切换 QQ719468490-->
   
2. 
   
3. 02.<style type="text/css">
   
4. 
   
5. 03.#city *{ margin:0;padding:0; z-index:1000000; top:0;left:0px; float:left;}
   
6. 
   
7. 04.#warpper{ position: relative; z-index:1000000; margin-top:20px;}
   
8. 
   
9. 05.#city { font:normal 12px Verdana, Arial, Helvetica, sans-serif; text-align:center; z-index:1000000;}
   
10. 
    
11. 06.#city a{ cursor:pointer; color:#666}
    
12. 
    
13. 07.#city dl{ height:18px; line-height:18px; padding:0 10px;}
    
14. 
    
15. 08.#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;}
    
16. 
    
17. 09.#city dt.over{ position:relative;padding:0 10px 0px 0px; z-index:1000001;color:#FF3300; font-weight:bold; height:20px; }
    
18. 
    
19. 10.#city li{ float:left; list-style-type:none; margin:0px 5px; width:160px;}
    
20. 
    
21. 11.#city #c1 li a{ float:left; list-style-type:none; margin:0px 3px; 0 0 }
    
22. 
    
23. 12.#city dl dd{ position:absolute; width:160px; 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;}
    
24. 
    
25. 13..block{ display:block;}
    
26. 
    
27. 14..none{ display:none;}
    
28. 
    
29. 15.</style>
    
30. 
    
31. 16.<script language="javascript">
    
32. 
    
33. 17.function $(str){ return document.getElementById(str);}
    
34. 
    
35. 18.function $$(str){ return document.getElementsByTagName(str);}
    
36. 
    
37. 19.var timer;
    
38. 
    
39. 20.function changeMenu(thisObj,num){
    
40. 
    
41. 21.if(thisObj.className=="over") return false;
    
42. 
    
43. 22.hids(thisObj);
    
44. 
    
45. 23.thisObj.className="over";
    
46. 
    
47. 24.$("c"+(num+1)).className="block";
    
48. 
    
49. 25.
    
50. 
    
51. 26.$("c"+(num+1)).onmouseover=function(){clearTimeout(timer);}
    
52. 
    
53. 27.$("c"+(num+1)).onmouseout=function(){timer=setTimeout(function(){hids(thisObj);},500)}
    
54. 
    
55. 28.thisObj.onmouseout=function(){timer=setTimeout(function(){hids(thisObj);},3000)}
    
56. 
    
57. 29.
    
58. 
    
59. 30.}
    
60. 
    
61. 31.function hids(thisObj){
    
62. 
    
63. 32.clearTimeout(timer);
    
64. 
    
65. 33.var tabObj=thisObj.parentNode.getAttribute("id");
    
66. 
    
67. 34.var obj_dt=$(tabObj).getElementsByTagName("dt");
    
68. 
    
69. 35.for(var i=0;i<obj_dt.length;i++){
    
70. 
    
71. 36.obj_dt[i].className="normal";
    
72. 
    
73. 37.$("c"+(i+1)).className="none";
    
74. 
    
75. 38.}
    
76. 
    
77. 39.}
    
78. 
    
79. 40.</script>
    
80. 
    
81. 41.<div id="city">
    
82. 
    
83. 42.<dl id="warpper">
    
84. 
    
85. 43.<dt onMouseOver="changeMenu(this,0);">[去其他县市]</dt>
    
86. 
    
87. 44.<dd id="c1" class="none">
    
88. 
    
89. 45.<ul>
    
90. 
    
91. 46.<li><a href="forum-358-1.html">遂平</a> <a href="forum-360-1.html">西平</a> <a href="forum-361-1.html">上蔡</a> <a href="forum-364-1.html">汝南</a> <a href="forum-365-1.html">平舆</a> <a href="forum-365-1.html">新蔡</a> <a href="forum-365-1.html">正阳</a> <a href="forum-368-1.html">确山</a> <a href="forum-365-1.html">泌阳</a>
    
92. 
    
93. 47.</li>
    
94. 
    
95. 48.</ul>
    
96. 
    
97. 49.</dd>
    
98. 
    
99. 50.</dl>
    
100. 
     
101. 51.
     
102. 
     
103. 52.</div>
     
104. 
     
105. 53.<!--城市切换_结束QQ719468490-->

复制代码

备注：如果您的县市名称不是两个字，且排列不是 5个一行，出现错位的话

请修改代码中的：width:160px;中的160大小
既调整一下宽度，总共两处要同时修改即可

易购小天地

如图，分为多个地区的添加以下代码
如图，分为多个地区的添加以下代码，添加方法与一楼一样。只是添加的代码不同。

1. 01.<!--公务员导航切换开始-->
   
2. 
   
3. 02.<style type="text/css">
   
4. 
   
5. 03.#city *{ margin:0;padding:0; z-index:1000000; top:0;left:0px; float:left;}
   
6. 
   
7. 04.#warpper{ position: relative; z-index:1000000; margin-top:5px;}
   
8. 
   
9. 05.#city { font:normal 12px Verdana, Arial, Helvetica, sans-serif; text-align:center; z-index:1000000;}
   
10. 
    
11. 06.#city a{ cursor:pointer; color:#666}
    
12. 
    
13. 07.#city dl{ height:18px; line-height:18px; padding:0 10px;}
    
14. 
    
15. 08.#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;}
    
16. 
    
17. 09.#city dt.over{ position:relative;padding:0 10px 0px 0px; z-index:1000001;color:#FF3300; font-weight:bold; height:20px; }
    
18. 
    
19. 10.#city li{ float:left; list-style-type:none; margin:0px 5px; width:270px;}
    
20. 
    
21. 11.#city #c1 li a{ float:left; list-style-type:none; margin:0px 3px; 0 0 }
    
22. 
    
23. 12.#city dl dd{ position:absolute; width:270px; 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;}
    
24. 
    
25. 13..block{ display:block;}
    
26. 
    
27. 14..none{ display:none;}
    
28. 
    
29. 15.</style>
    
30. 
    
31. 16.<script language="javascript">
    
32. 
    
33. 17.function $(str){ return document.getElementById(str);}
    
34. 
    
35. 18.function $$(str){ return document.getElementsByTagName(str);}
    
36. 
    
37. 19.var timer;
    
38. 
    
39. 20.function changeMenu(thisObj,num){
    
40. 
    
41. 21.if(thisObj.className=="over") return false;
    
42. 
    
43. 22.hids(thisObj);
    
44. 
    
45. 23.thisObj.className="over";
    
46. 
    
47. 24.$("c"+(num+1)).className="block";
    
48. 
    
49. 25.
    
50. 
    
51. 26.$("c"+(num+1)).onmouseover=function(){clearTimeout(timer);}
    
52. 
    
53. 27.$("c"+(num+1)).onmouseout=function(){timer=setTimeout(function(){hids(thisObj);},500)}
    
54. 
    
55. 28.thisObj.onmouseout=function(){timer=setTimeout(function(){hids(thisObj);},3000)}
    
56. 
    
57. 29.
    
58. 
    
59. 30.}
    
60. 
    
61. 31.function hids(thisObj){
    
62. 
    
63. 32.clearTimeout(timer);
    
64. 
    
65. 33.var tabObj=thisObj.parentNode.getAttribute("id");
    
66. 
    
67. 34.var obj_dt=$(tabObj).getElementsByTagName("dt");
    
68. 
    
69. 35.for(var i=0;i<obj_dt.length;i++){
    
70. 
    
71. 36.obj_dt[i].className="normal";
    
72. 
    
73. 37.$("c"+(i+1)).className="none";
    
74. 
    
75. 38.}
    
76. 
    
77. 39.}
    
78. 
    
79. 40.</script>
    
80. 
    
81. 41.<div id="city">
    
82. 
    
83. 42.<dl id="warpper">
    
84. 
    
85. 43.<dt onMouseOver="changeMenu(this,0);">[全国其他省市公考论坛]</dt>
    
86. 
    
87. 44.<dd id="c1" class="none">
    
88. 
    
89. 45.<ul>
    
90. 
    
91. 46.<li>
    
92. 
    
93. 47.<STRONG>华东地区</STRONG> <A href="forum-20-1.html">上海</A> <A href="forum-21-1.html">江苏</A> <A href="forum-23-1.html">浙江</A> <A href="forum-41-1.html">安徽</A> <A href="forum-24-1.html">福建</A> <A href="forum-25-1.html"> 江西</A> <A href="forum-19-1.html">山东</A>
    
94. 
    
95. 48.
    
96. 
    
97. 49.<STRONG>华东地区</STRONG> <A href="forum-20-1.html">上海</A> <A href="forum-21-1.html">江苏</A> <A href="forum-23-1.html">浙江</A> <A href="forum-41-1.html">安徽</A> <A href="forum-24-1.html">福建</A> <A href="forum-25-1.html"> 江西</A> <A href="forum-19-1.html">山东</A>
    
98. 
    
99. 50.
    
100. 
     
101. 51.<STRONG>华东地区</STRONG> <A href="forum-20-1.html">上海</A> <A href="forum-21-1.html">江苏</A> <A href="forum-23-1.html">浙江</A> <A href="forum-41-1.html">安徽</A> <A href="forum-24-1.html">福建</A> <A href="forum-25-1.html"> 江西</A> <A href="forum-19-1.html">山东</A>
     
102. 
     
103. 52.
     
104. 
     
105. 53.<STRONG>华东地区</STRONG> <A href="forum-20-1.html">上海</A> <A href="forum-21-1.html">江苏</A> <A href="forum-23-1.html">浙江</A> <A href="forum-41-1.html">安徽</A> <A href="forum-24-1.html">福建</A> <A href="forum-25-1.html"> 江西</A> <A href="javascript:void(null)"><font color="#FFFFFF">待定</font></A>
     
106. 
     
107. 54.
     
108. 
     
109. 55.<STRONG>华东地区</STRONG> <A href="forum-20-1.html">上海</A> <A href="forum-21-1.html">江苏</A> <A href="forum-23-1.html">浙江</A> <A href="forum-41-1.html">安徽</A> <A href="forum-24-1.html">福建</A> <A href="forum-25-1.html"> 江西</A> <A href="forum-19-1.html">山东</A>
     
110. 
     
111. 56.</li>
     
112. 
     
113. 57.</ul>
     
114. 
     
115. 58.</dd>
     
116. 
     
117. 59.</dl>
     
118. 
     
119. 60.
     
120. 
     
121. 61.</div>
     
122. 
     
123. 62.<!--公务员导航切换_结束-->

复制代码

注1：width:270px  中的270是整体的宽度，总共两处，内容多的话，修改这里，增加数字或减少数字。

注2：每个分类中的链接及文字要一样多，否则可能出现错位，如果某类别中没有那么多分类，可以添加下面的代码占位，演示中已经添加了，倒数第二行。

<A href="javascript:void(null)"><font color="#FFFFFF">待定</font></A>

fwb512

不错，支持下  

hckle

好人一个  

╰George╯

[size=5]不错，感谢楼主[/size]