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

相关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); } });}

在线演示        积分下载        6毛下载        砍两刀下载       

未经允许不得转载： ICode联盟 » 插件特效 » jQuery点击下载按钮加载进度百分比动画特效代码