专辑购买与登录

专辑购买

$(function(){

    $(".c_add").click(function(){

        var val=$("#count-ipt").val();

        var num= parseInt(val)+1;

        var count=$(".in-count").text();

        if(num<=count){

            $("#count-ipt").val(num);

        }

       

    })

    $(".c_sub").click(function(){

        var val=$("#count-ipt").val();

        var num= parseInt(val)-1;

        var count=$(".in-count").text();

        if(num>0){

            $("#count-ipt").val(num);

        }

       

    })

    $(".buy-now").click(function(){

        var val=$("#count-ipt").val();

        var price=parseFloat($(".li-price").text())*100;

        alert(val*price/100);

    })

效果：

 

登录

$(function(){

    $("#loginPopup").click(function(){

        $(".pop-bg,.pop-wrapper").show();

        $("body").css("overflow","hidden");

    })

    $(".close-btn").click(function(){

        $(".pop-bg,.pop-wrapper").hide();

        $("body").css("overflow","auto");

    })

    $(function(){

        $(".form-tab a").click(function(){

            $(this).addClass("active").siblings().removeClass("active");

            $(".form-main form").eq($(this).index()).show().siblings().hide();

        })

    })

效果图