论坛顶部LOGO右侧添加切换到其它城市功能

蓝雨

打开：/template/default/common/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>
   
2. 
   

复制代码

下面添加

1. <!--切换开始-->
   
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:5px;}
   
5. #city { font:normal 12px Verdana, Arial, Helvetica, sans-serif; text-align:center; z-
   
6. 
   
7. index:1000000;}
   
8. #city a{ cursor:pointer; color:#666}
   
9. #city dl{ height:18px; line-height:18px; padding:0 10px;}
   
10. #city dt,.normal{ float:left; padding:0 10px 0 0 ; border-right:0px solid #ccc; text-
    
11. 
    
12. decoration:none; width:auto; cursor:pointer; color:#FF3300; font-weight:bold;}
    
13. #city dt.over{ position:relative;padding:0 10px 0px 0px; z-index:1000001;color:#FF3300;
    
14. 
    
15. font-weight:bold; height:20px; }
    
16. #city li{ float:left; list-style-type:none; margin:0px 5px; width:160px;}
    
17. #city #c1 li a{ float:left; list-style-type:none; margin:0px 3px; 0 0 }
    
18. #city dl dd{ position:absolute; width:160px; left:0;top:20px!important; border:1px solid
    
19. 
    
20. #bbb; background:#fff; filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4,
    
21. 
    
22. Direction=120, color=#cccccc); padding:3px 0;}
    
23. .block{ display:block;}
    
24. .none{ display:none;}
    
25. </style>
    
26. <script language="javascript">
    
27. function $(str){ return document.getElementById(str);}
    
28. function $$(str){ return document.getElementsByTagName(str);}
    
29. var timer;
    
30. function changeMenu(thisObj,num){
    
31. if(thisObj.className=="over") return false;
    
32. hids(thisObj);
    
33. thisObj.className="over";
    
34. $("c"+(num+1)).className="block";
    
35. 
    
36. $("c"+(num+1)).onmouseover=function(){clearTimeout(timer);}
    
37. $("c"+(num+1)).onmouseout=function(){timer=setTimeout(function(){hids(thisObj);},500)}
    
38. thisObj.onmouseout=function(){timer=setTimeout(function(){hids(thisObj);},3000)}
    
39. 
    
40. }
    
41. function hids(thisObj){
    
42. clearTimeout(timer);
    
43. var tabObj=thisObj.parentNode.getAttribute("id");
    
44. var obj_dt=$(tabObj).getElementsByTagName("dt");
    
45. for(var i=0;i<obj_dt.length;i++){
    
46. obj_dt[i].className="normal";
    
47. $("c"+(i+1)).className="none";
    
48. }
    
49. }
    
50. </script>
    
51. <div id="city">
    
52. <dl id="warpper">
    
53. <dt onMouseOver="changeMenu(this,0);">[切换其它城市]</dt>
    
54. <dd id="c1" class="none">
    
55. <ul>
    
56. <li>
    
57. <a href="forum-358-1.html">遂平</a> <a href="forum-360-1.html">西平</a> <a href="forum-361-
    
58. 
    
59. 1.html">上蔡</a> <a href="forum-364-1.html">汝南</a> <a href="forum-365-1.html">平舆</a> <a
    
60. 
    
61. href="forum-365-1.html">新蔡</a> <a href="forum-365-1.html">正阳</a> <a href="forum-368-
    
62. 
    
63. 1.html">确山</a> <a href="forum-365-1.html">泌阳</a>
    
64. 
    
65. </li>
    
66. </ul>
    
67. </dd>
    
68. </dl>
    
69. 
    
70. </div>
    
71. <!--切换_结束-->

复制代码

游客，如果您要查看本帖隐藏内容请回复