• 微信号:Zh-y9213
您当前的位置:爱资源分享网 > > 网站源码 > 网页特效

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

栏目:网页特效时间:2021-10-21 07:45阅读数:59人阅读
这是一款基于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>


在线预览
资源均来自第三方,谨慎下载,前往第三方网站下载

本站所有文章、数据、图片均来自互联网,一切版权均归源网站或源作者所有。

如果侵犯了你的权益请来信告知我们删除。邮箱:737597453@qq.com