滚动页面切换logo图片（类似蚂蚁金服）

html 代码

<a href="index.html" class="nav-brand">
                            <img data-another="http://web-img.qmimg.com/qianmicom/u/cms/qianmi/201603/21134211rojx.png" width="298" height="50" src="http://web-img.qmimg.com/qianmicom/u/cms/qianmi/201603/21134323ww0j.png">
                        </a>

js 代码

var o = $("a.nav-brand img"),
            d = o.attr("src"),
            v = o.attr("data-another");
    $(document).ready(function(){
        $(window).scroll(function () {
            if($(window).scrollTop() > 105){
                o.attr("src", v)
            }else {
                o.attr("src", d)
            }
        });
    });