懒人之家--可能是JS网页特效代码收集最全的懒站!
更多

jQuery+CSS3扑克洗牌和扑克牌翻转动画特效

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-06-17
这是一款基于jQuery+CSS3实现的扑克洗牌和扑克牌翻转动画特效,jQuery卡片翻转效果代码。


js代码

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
  $(function(){
    $('.controls').click(function(){
      if($(this).hasClass('show')){
        $(this).removeClass('show');
        subMove();
      }else{
        $(this).addClass('show');
        addMove();
      }
    })
  })


  function addMove(){
    $('.project').each(function(index,item){
      setTimeout(function(){
       $(item).addClass('ani'+ index);
     },index*300);
    })
  }

  function subMove(){
    $('.project').each(function(index,item){
       $(item).removeClass('ani'+ index);
    })
  }
</script>