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

所属分类:其他-游戏

 10811  176  查看评论 (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);
    }
});
相关插件-游戏

原生JS简单版飞机大战小游戏(原创)

应用原生JS开发的飞机大战游戏
  游戏
 29009  286

js 游戏 俄罗斯方块

js 游戏 俄罗斯方块
  游戏
 29799  298

easing.js实现游戏抽奖

利用easing实现游戏抽奖,适用移动端,兼容ie6
  游戏
 19282  270

flappy Text

奇葩版Flappy Bird
  游戏
 23734  295

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

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