jQuery老虎機插件SlotMachine

拉丁傳說 2018-4-13 1452

SlotMachine 是一個基于 jQuery 的插件,它能夠制作類似老虎機的效果,可以分別設置每個圖案的停止。除了制作老虎機效果外,還可以制作抽獎、幻燈片等效果。

兼容

瀏覽器兼容:兼容 IE8 及以上版本和其他主流瀏覽器。

jQuery 兼容:兼容 1.2.6 及以上版本。

使用方法

1、引入文件

<script src="js/jquery.min.js"></script>
<script src="js/jquery.slotmachine.js"></script>

2、HTML

<div id="machine1" class="slotMachine">
?? ?<div class="slot slot1"></div>
?? ?<div class="slot slot2"></div>
?? ?<div class="slot slot3"></div>
?? ?<div class="slot slot4"></div>
?? ?<div class="slot slot5"></div>
?? ?<div class="slot slot6"></div>
</div>

3、JavaScript

3.1、創建

var machine = $(foo).slotMachine(params);

3.2、拖曳

machine.shuffle(repeat, onStopCallback);

3.3、切換

machine.prev();
machine.next();

3.4、獲取元素

machine.active();

3.5、檢查老虎機是否正在運行

machine.isRunning();

具體、詳細的使用可以查看演示或參數。

參數

參數 類型 默認值 說明
active 整數 0 初始化時顯示第幾張圖案
delay 整數 200 動畫時間,所有圖案滾動一圈所用的時間,越小越快
repeat 整數 false 重復延時

演 示 下 載

最新回復 (0)
返回
發新帖
下载麻将游戏四人麻将 北京麻将怎么玩 宁夏十一选五 捕鱼达人千炮版外挂网 欢乐游戏棋牌官网 贵阳麻将规则 3d图谜总汇全图牛 手机麻将开挂免费软件 天津11选5只能在天津买吗 娱网棋牌沈阳麻将 52大庆麻将玩不了 老快3开奖l结果 双色球几点开奖 直接投资工具包括哪些 黑龙江6+1app 听风忆雪三尾单三尾双中特 上海哈灵麻将下载安装