注册 登录 充值会员 退出
毕业设计 PHP源码
充值

jQuery+CSS3按钮加载动画特效

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2018-04-02
jQuery+CSS3按钮加载动画特效
一款基于jQuery+CSS3实现的按钮加载动画特效,点击按钮出现多种动画效果,文字变化,图标变化以及颜色变化,相当完美。


js代码

<script>
$(document).ready(function(){
  $('#btnActivation').click(function(){
    if(!$('#btnActivation').hasClass(('btn--activated'))){
         $('#btnActivation').removeClass('btn--activate');
    $('#btnActivation').addClass('btn--waiting');
    setTimeout(function(){
      removeWaiting();
    }, 3000); 
    }

  });
  
  function removeWaiting(){
      $('#btnActivation').removeClass('btn--waiting');
      $('#btnActivation').addClass('btn--activated');
  }
  
});
</script>