专辑购买与登录
专辑购买
$(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(){ $(".form-tab a").click(function(){ $(this).addClass("active").siblings().removeClass("active"); $(".form-main form").eq($(this).index()).show().siblings().hide(); }) }) 效果图
$(".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(); }) }) 效果图