jQuery老虎机插件SlotMachine
分类:代码 日期: 点击(26,107) 下载(3) 来源:未知
简介
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 | 重复延时 |
相关文章
-
制作响应式分层幻灯片
-
jQuery幻灯片插件FlexSlider
-
Pogo Slider – jQuery幻灯片插件
-
简单的jQuery导航菜单固定插件smint
-
jQuery图片延迟加载插件Lazy Load
-
pbTouchSlider – jqeury滑动响应式幻灯片插件
-
jQuery.eraser – jQuery橡皮擦插件
-
evenZoom – jQuery放大镜插件
-
Filterizr – jQuery筛选过滤插件
-
Ion.Calendar – jQuery日期/日历选择器插件
-
Scrollify – jQuery全屏滚动插件
-
jQuery跟随滚动插件Scroll Follow
-
DD Full Screen Slider – jQuery全屏滚动插件
-
vTicker – jQuery垂直滚动插件
-
multiscroll.js – jQuery左右垂直反向滚动插件