jQuery+CSS3按钮加载动画特效

yzch6671

2年前发布

021690

一款基于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>

声明 1 本站名称：精品资源网
2 本站永久网址：https://www.jpzyw.net
3 本站部分资源来自于网络，分享给大家学习参考，如有侵权，请及时联系站长进行删除处理。
4 本站不对所有资源其观点和其真实性负责。
5 本站一律禁止用户以任何方式发布或转载违背法律法规的相关信息，访客发现请及时向站长举报。

THE END