cecf-website/component/header.html

<div class="head">
    <img src="img/logo.png" class="logo" alt="" />
    <div class="wrapper">
        <nav><img src="img/logo.png" class="logos" alt="" />
            <div id="drop">
                <div>
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
            </div>
        </nav>
        <ul>
            <li><a href="index.html">首页</a></li>
            <li><a href="about.html">公司概况</a></li>
            <li><a href="service_delivery.html">服务交付</a></li>
            <li><a href="product_program.html">产品方案</a></li>
            <li><a href="case_share.html">案例分享</a></li>
            <li><a href="zoology.html">生态布局</a></li>
            <li><a href="partner.html">合作伙伴</a></li>
            <li><a href="news.html">新闻中心</a></li>
        </ul>
    </div>
</div>
<script type="text/javascript">
    $('#drop, nav ~ ul li').click(function () {
        $('nav, #drop span').toggleClass('open');
        $(window).scrollTop(0);
    });
    $('#drop>div').click(function () {
        $('.logos').toggleClass('blo')
    })
</script>