评论：实用看看的jquery数字老虎机  [查看原文]

看着挺好用的，推荐一下

Sigeqinshi0
2018/7/2 10:15:23
numRand()函数返回了一个随机数，如果你需要固定的数字，就去掉随机数，return你的数字就行了

博主，怎呢控制时间的长短？而且我们0-9的数字图片也按比例的缩小了，现在是数字不能在正中间显示？还有  var  u = 265; backgroundPositionY: (u*60) - (u*num_arr[index])？？ 可以解释一下为什么要这么用吗？？

李卓轩0
2017/10/21 15:52:29

我知道了    u指的是.num的height，60指的是每个数字的高度+上下间距，希望我的发现可以帮到一些小伙伴，做成适合自己开发需要的滚动效果

ぃMissnざ°唯美0
2018/1/5 11:37:11

怎么根据后台给的中奖id让他滚到对应的数字

怎么控制时间的长短呢？

李卓轩0
2017/10/21 14:44:49

duration: 600+index*300,这一块控制时间大小

不适应移动端

李卓轩0
2017/10/21 13:09:41

适应移动端啊

thanks

感谢分享，火狐不兼容的原因是因为jquery animate对backgroundPosition支持不好造成的。backgroundPositionY这种写法chorme支持，但是FF不支持有两个解决方案：

1. 添加支持animate background的jq插件

2. 改变下布局结构，在数字外层包裹一个只显示一个数字高度的div，内层定位一个包含数字背景图片的div，移动内层div的top值，让外层显示对应的数字即可。

赞！

效果很炫，火狐不能用。