jQuery老虎機插件SlotMachine

拉丁傳說 2018-4-13 1347

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)
返回
發新帖
下载麻将游戏四人麻将