LOGO 旁边加上去其它城市，DZ7--X2.0 通用

效果图片



黄冈论坛演示：http://www.0713.co/

广告：自用风格模板出售
联络QQ：190828801


FTP: template/default/common/header.htm

1. <!--{else}-->$_G['setting']['navlogos'][$mnid]<!--{/if}--></h2>
   

复制代码

在下面加上：

1. <!--城市切换_开始，www.0713.co-->
   
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 0px;}
   
8. #city dt,.normal{ float:left; padding:0 0px 0 0 ; border-right:0px solid #ccc; text-decoration:none; width:auto; cursor:pointer; color:#0066FF; font-weight:bold;}
   
9. #city dt.over{ position:relative;padding:0 0px 0px 0px; z-index:1000001;color:#0066FF; font-weight:bold; height:20px; }
   
10. #city li{ float:left; list-style-type:none; margin:0px 5px; width:130px;}
    
11. #city #c1 li a{ float:left; list-style-type:none; margin:0px 3px; 0 0 }
    
12. #city dl dd{ position:absolute; width:130px; 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";
    
25. $("c"+(num+1)).onmouseover=function(){clearTimeout(timer);}
    
26. $("c"+(num+1)).onmouseout=function(){timer=setTimeout(function(){hids(thisObj);},500)}
    
27. thisObj.onmouseout=function(){timer=setTimeout(function(){hids(thisObj);},3000)}
    
28. }
    
29. function hids(thisObj){
    
30. clearTimeout(timer);
    
31. var tabObj=thisObj.parentNode.getAttribute("id");
    
32. var obj_dt=$(tabObj).getElementsByTagName("dt");
    
33. for(var i=0;i<obj_dt.length;i++){
    
34. obj_dt[i].className="normal";
    
35. $("c"+(i+1)).className="none";
    
36. }
    
37. }
    
38. </script>
    
39. <div id="city">
    
40. <dl id="warpper">
    
41. <dt onMouseOver="changeMenu(this,0);">[其他县市]</dt>
    
42. <dd id="c1" class="none">
    
43. <ul>
    
44. <li><a href="http://www.0713.co/f-290-1.html">黄州</a> <a href="http://www.0713.co/f-289-1.html">麻城</a> <a href="http://www.0713.co/f-288-1.html">武穴</a> <a href="http://www.0713.co/f-306-1.html">浠水</a></li>
    
45. <li><a href="http://www.0713.co/f-305-1.html">蕲春</a> <a href="http://www.0713.co/f-301-1.html">英山</a> <a href="http://www.0713.co/f-303-1.html">红安</a> <a href="http://www.0713.co/f-299-1.html">黄梅</a></li>
    
46. <li><a href="http://www.0713.co/f-300-1.html">团风</a> <a href="http://www.0713.co/f-304-1.html">罗田</a> <a href="http://www.0713.co/f-292-1.html">龙感湖</a></li>
    
47. </ul>
    
48. </dd>
    
49. </dl>
    
50. </div>
    
51. <!--城市切换_结束,www.53471.com -->

复制代码

黄冈论坛 http://www.0713.co/
中国制衣网 http://www.53471.com/bbs/
东莞二手网 http://www.53471.com/blog/

以上站点友情链接，直接PM偶，谢谢大家支持！


此源码首发布于我们的旗下论坛：

http://www.53471.com/bbs/

亲子工具库，地方论坛可用，很给力，分享下载

黄冈论坛，自用商业风格发布，非免费，求关注！

DX2.0 纯手工DIY广播台，免费提供下载

DX2.0 首页多格，不一样的选择，不一样的效果！此贴必火

东莞二手网，分类信息站，模板优惠出售中！

增加DX论坛浏览人气，一段小代码搞定

贴内显示“附件下载说明” 美化 For X1 X1.5 DX2.0

快速回复中加背景警示图片，FOR DX2.0

DX2.0搜索后面加天气预报，联络我们，客服，收藏，广告等 ...

DZ做的分类信息网站，模板DZ论坛分类站首选，不容错过！

好东西啊，谢谢楼主，收藏起来先

可以去试试哦

创意不错,但不利于升级

LZ生意做的很大哦

www.hnxwz.com很完美