注册 登录 充值会员 退出
网站、APP、小程序等定制开发,联系QQ 1206995177 毕业设计 java源码 PHP源码

充值

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

作者/代码整理:  (源码已亲测,不会安装的可以向QQ1915635791要安装视频教程) 发布日期:2022-08-31
jQuery+CSS3扑克洗牌和扑克牌翻转动画特效
这是一款基于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>