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>
点击下载
RIPRO主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
优富资源 » jQuery扑克牌翻牌抽奖游戏代码
  • 1会员总数(位)
  • 927资源总数(个)
  • 0本周发布(个)
  • 0今日发布(个)
  • 3096稳定运行(天)

优富资源网 国内最专业的站长资源平台

WordPress专区 整站源码

切换

博客


全屏


顶部