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

查看演示立即下载

插件描述：修改的一个jQuery插件，添加鼠标点击回调函数，可向后台请求修改中奖号码

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

使用方法

1、引用css文件，可修改：

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

2、引用js文件：

1 2	`<script` `src="/"></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);
    }
});

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com

上一个特效： jquery div拖拽换位合并拆分（原创）
下一个特效： jQuery图片延迟加载插件jQuery.lazyload