Cooperyao.github.io

resume

10/13/2017 优化购物车js代码

$(".selected").click(function () {
        // $(".selected .glyphicon").each(function () {
        //     var dispaly = $(this).css("display");
        //     if (dispaly == "block") {
        //         $(this).css("display", "none");
        //         $(".view").css("display", "none");
        //     } else {
        //         $(this).css("display", "block");
        //         $(".view").css("display", "block");
        //     }
        // })
        //优化前
        
        $(".selected .glyphicon").each(function () {
            var display = $(this).css("display");
            var sta = display == "block" ? "none" : "block";
                $(this).css("display", sta);
                $(".view").css("display", sta);
        })
        //优化后
    })

9/25/2017 更新表单验证demo(validate插件实现)

9/20/2017 更新响应式效果

9/12/2017

1.封面轮播动画;
2.导航条触发fixed效果;
3.滚动条触发导航高亮;
4.导航条显示当前位置高亮；

9/12/2017优化滚动条触发导航高亮代码

        //原始代码
        var scrollH = $(document).scrollTop();
        var alist = $("nav").find("a");
        if(scrollH >= 600 && scrollH <= 1400){
            $(alist).eq(0)
            .addClass("active").parent()
            .siblings().children().removeClass();
        }
        else if(scrollH >= 1400 && scrollH <= 2200){
            $(alist).eq(1)
            .addClass("active").parent()
            .siblings().children().removeClass();
        }
        else if(scrollH >= 2200 && scrollH <= 3000){
            $(alist).eq(2)
            .addClass("active").parent()
            .siblings().children().removeClass();
        }
        else if(scrollH >= 3000 && scrollH <= 3800){
            $(alist).eq(3)
            .addClass("active").parent()
            .siblings().children().removeClass();
        }
        else if(scrollH >= 3800 && scrollH <= 4600){
            $(alist).eq(4)
            .addClass("active").parent()
            .siblings().children().removeClass();
        }
        else{
            $(alist).removeClass();
        }

        var scrollH = $(document).scrollTop();
        var alist = $("nav").find("a");
        var nowFloor = Math.floor((scrollH-600)/800);
        if(scrollH <= 600){
            $(alist).removeClass();
        }else{
            $(alist).eq(nowFloor)
            .addClass("active").parent()
            .siblings().children().removeClass();
        }
        //优化后