jQuery扑克牌翻牌抽奖游戏代码

jQuery扑克牌翻牌抽奖游戏代码-精品资源网
jQuery扑克牌翻牌抽奖游戏代码
此内容为免费资源,请登录后查看
0
免费资源

jQuery扑克牌翻牌抽奖游戏代码

一款不错的jQuery扑克牌翻牌抽奖游戏代码,点击开始自动随机排列发牌,选择扑克牌确认翻牌得到抽奖结果。

js代码

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

    $(\'.project\').click(function () {
      if($(this).hasClass(\'showli\')){
        console.log(45);
      }else{
        var num = $(this).index();
        $(\'.bg_main input\').val(num);
        $(\'.bg_bg\').show();
        $(\'.bg_main\').show();
      }
    })
    $(\'.qxxz\').click(function () {
      $(\'.bg_bg\').hide();
      $(\'.bg_main\').hide();
    })
    $(\'.qrxz\').click(function () {
      var id = $(this).parent().parent().find(\'input\').val();
      //alert(id);
      $(\'.ani\'+id).addClass(\'showli\');
      $(\'.bg_bg\').hide();
      $(\'.bg_main\').hide();
    })
  })

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

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

© 版权声明
THE END
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容