小编bra*_*nus的帖子

我需要一个右侧有重击的h2.像这样:

我正在努力以最好的,快速响应的方式来实现它.更不用说它是在自定义WP主题中,所以我不想创建大量的页面标记,客户端将立即打破:)

我有一个类似于以下内容的站点菜单：http : //jsfiddle.net/sinky/XYGRW/（在stackoverflow上找到了此菜单）

我的问题是设计师希望将导航（主页按钮）中的徽标切换到较小的图标。不仅缩小比例，而且实际上改变了形象。我可以使用已经用于其他addClass命令的scroll事件来更改img src吗？

$(window).scroll(function () {
    if ($(document).scrollTop() == 0) {
        $('#header').removeClass('tiny');
        $('#menu-spacing').addClass('nav-margin-top');
    } else {
        $('#header').addClass('tiny');
        $('#menu-spacing').removeClass('nav-margin-top')
    }
}); 


HTML
<div id="header" class="header fixed">    
    <div class="contain-to-grid">
            <nav class="row top-bar">
                <ul class="title-area">
                    <li><img src="img/resolute_logo.png" width="195" height="103" alt=""/>    </li>
    <li class="toggle-topbar menu-icon"><a href="#"><span></span></a></li>
                </ul>
                <div id="menu-spacing" class="hide-for-medium-down nav-margin-top">