效果如圖演示：

QQ截圖未命名.jpg

修改方法如下：

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. <!--城市切換 QQ719468490-->
  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. #city li{ float:left; list-style-type:none; margin:0px 5px; width:160px;}
  11. #city #c1 li a{ float:left; list-style-type:none; margin:0px 3px; 0 0 }
  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;}
  13. .block{ display:block;}
  14. .none{ display:none;}
  15. </style>
  16. <script language="javascript">
  17. function $(str){ return document.getElementById(str);}
  18. function $$(str){ return document.getElementsByTagName(str);}
  19. var timer;
  20. function changeMenu(thisObj,num){
  21. if(thisObj.className=="over") return false;
  22. hids(thisObj);
  23. thisObj.className="over";
  24. $("c"+(num+1)).className="block";
  26. $("c"+(num+1)).onmouseover=function(){clearTimeout(timer);}
  27. $("c"+(num+1)).onmouseout=function(){timer=setTimeout(function(){hids(thisObj);},500)}
  28. thisObj.onmouseout=function(){timer=setTimeout(function(){hids(thisObj);},3000)}
  30. }
  31. function hids(thisObj){
  32. clearTimeout(timer);
  33. var tabObj=thisObj.parentNode.getAttribute("id");
  34. var obj_dt=$(tabObj).getElementsByTagName("dt");
  35. for(var i=0;i<obj_dt.length;i++){
  36. obj_dt[i].className="normal";
  37. $("c"+(i+1)).className="none";
  38. }
  39. }
  40. </script>
  41. <div id="city">
  42. <dl id="warpper">
  43. <dt onMouseOver="changeMenu(this,0);">[去其他縣市]</dt>
  44. <dd id="c1" >
  45. <ul>
  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>
  47. </li>
  48. </ul>
  49. </dd>
  50. </dl>
  52. </div>
  53. <!--城市切換_結束 QQ719468490-->

備註：如果您的縣市名稱不是兩個字，且排列不是 5 個一行，出現錯位的話

請修改程式碼中的：width:160px; 中的 160 大小
既調整一下寬度，總共兩處要同時修改即可