jQuery老虎机插件SlotMachine
简介
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 | 重复延时 |