jQuery点击下载按钮加载进度百分比动画js特效代码

下载地址

相关js代码$(".buttonContainer").click(function(){ if($(".buttonContainer").hasClass("active")){ $(this).removeClass("active"); $(".complete").removeClass("fadein"); $("#counter").fadeOut(100); $(".ball").fadeOut(100); count().stop; } else{ $(this).addClass("active"); $("#counter").fadeIn(200); $(".ball").fadeIn(200); count(); }});//Loadingfunction count(){ $({countNum: $("#counter").text()}).animate({countNum: 100}, { duration: 5000, easing:"linear", step: function() { $("#counter").text(Math.floor(this.countNum) + "%"); }, complete: function() { $("#counter").fadeOut(200); $(".complete").addClass("fadein"); $(".ball").fadeOut(200); $("#button").fadeOut(100); setTimeout(function() { $(".buttonContainer").removeClass("active"); $(".complete").removeClass("fadein"); $("#button").fadeIn(200); }, 1000); } });}

dd: