jQuery九宫格抽奖插件jqeury.luckdraw.js

所属分类:其他-游戏

 9958  166  查看评论 (0)
分享到微信朋友圈
X
jQuery九宫格抽奖插件jqeury.luckdraw.js ie兼容8

更新时间:2019-08-21 23:34:22

使用方法

1、引用css文件,可修改:

<link href="css/luckdraw.css" rel="stylesheet">

2、引用js文件:

<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="js/jquery.luckdraw.js"></script>

3、html:

<div id="demo1">
    <h2>幸运大抽奖</h2>
    <ul>
        <li>号码1</li>
        <li>号码2</li>
        <li>号码3</li>
        <li>号码4</li>
        <li>号码5</li>
        <li>号码6</li>
        <li>号码7</li>
        <li>号码8</li>
        <li>号码9</li>
        <li>号码10</li>
        <div id="go1">马上抽奖GO</div>
    </ul>
</div>

4、js:

$('#demo1>ul').luckdraw({
    row: 3, //行
    column: 4, //列
    spacing: 5, //空隙
    click: '#go1', //点击触发
    afterClick: function($this) {
        // 设置中奖号码
        $this.target = 3;
    },
    onEnd: function(target) {
        // target为获奖编号
        setTimeout(function() {
            alert('中奖号码' + target);
        }, 500);
    }
});
相关插件-游戏

HTML5一个都不能死小游戏

游戏总共4种模式,默认普通模式、噩梦模式、地狱模式、炼狱模式。支持pc和手机端鼠标点击网页或触屏跳跃障碍物。
  游戏
 30521  370

html5 小游戏,可创建关卡(原创)

一种普通过关的小游戏,对于稍微了解js的小伙伴可以轻松更改和创建新的关卡,关卡设置请看代码 352 ~ 367 行。
  游戏
 23719  327

原生js实现五子棋

利用原生js实现五子棋 ,可以双人对战,AI只能对战,有部分注释。
  游戏
 18542  221

vue跳跳棋游戏(原创)

新鲜出炉的原创跳跳棋游戏,基于vue.js实现,游戏的逻辑及实现方法在js中解释的很清楚,插件的调用也非常简单。
  游戏
 26857  310

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复