页面公用的部分

 

<header>
    <div class="header">
        <div class="top">
            <div class="top_con">
                <div class="weixin" id="weixin" onMouseOver="show_weixin()" onMouseOut="hide_weixin()">
                    <img alt="微信" src="images/weixin.png" align="absmiddle"/>
                    <div class="weixin_con" id="weixin_con" style="display:none">
                        <img src="images/contact_weixin.gif" alt="微信二维码"/>
                    </div>
                </div>
                <div class="weibo">
                    <a href="http://weibo.com/23542345" rel="noFollow" target="_blank"><img alt="微博"
                                                                                            src="images/xinlang.png"
                                                                                            align="absmiddle"/></a>
                </div>
                <div class="tel">
                    咨询热线：400 800 9385
                </div>
                <div class="mail">
                    咨询邮箱：sales@23542345.cn
                </div>
                <div class="clear"></div>
            </div>
        </div>

        <div class="head_bg">
            <div class="head">
                <div class="logo fl">
                    <h1><a href="index.html"><img alt="深圳网站建设" src="images/logo.jpg" width="151px" height="39px"/></a>
                    </h1>
                </div>
                <div class="menu fr">
                    <nav>
                        <ul>
                            <li><a id="menu1" href="index.html">网站首页</a></li>
                            <li><a id="menu2" href="about.html">关于</a></li>
                            <li><a id="menu3" href="cases.html">成功案例</a></li>
                            <li><a id="menu4" href="service.html">服务范围</a></li>
                        </ul>
                        <div class="clear"></div>
                    </nav>
                </div>
            </div>
        </div>
    </div>
</header>

head