$(function(){
    //顶部二维码拖动显示和隐藏
    var Y_SHOW = 0;//显示时候的Top值
    var Y_HIDE = -170;//隐藏时候的Top值
    
    $("#dragQrCode").css("top", Y_HIDE + "px");
    
    var dragYLast = Y_HIDE;//没有拖动前的二维码的Y值
    
    var $dragQrCode = $("#dragQrCode").draggabilly({
        axis: 'y'
    });
    
    $dragQrCode.on('dragEnd', function(event, pointer) {
        var dragY = parseInt($(this).css("top").replace("px",""));//拖动完成后二维码的Y值
        var dragDist = dragY - dragYLast;
        if(dragDist > 10) {
            $(this).animate({
                top: Y_SHOW + "px"
            }, function(){
                dragYLast = Y_SHOW;//拖动完成，并停止后二维码的Y值
                $("#dragHandle").attr("src","img/ico001.png");
            });
        } else if(dragDist < -10) {
            $(this).animate({
                top: Y_HIDE + "px"
            }, function(){
                dragYLast = Y_HIDE;//拖动完成，并停止后二维码的Y值
                $("#dragHandle").attr("src","img/ico1.gif");
            });
        } else {
            $(this).animate({
                top: dragYLast + "px"
            });
        }
    });
});