实用看看的jquery数字老虎机

所属分类:其他-杂项,游戏

 41319  413  查看评论 (23)
分享到微信朋友圈
X
实用看看的jquery数字老虎机 ie兼容6
<div class="num_box">
      <div class="num"></div>
      <div class="num"></div>
      <div class="num"></div>
      <div class="num"></div>
 </div>

需要几位数滚动,就写几个 

<div class="num"></div>

js中可以设置滚动数字的上限和下限

function numRand() {
  var x = 9999; //上限
  var y = 1111; //下限
  var rand = parseInt(Math.random() * (x - y + 1) + y);
  return rand;
}
相关插件-杂项,游戏

Jquery 二维码美化(高度定制)

Jquery 二维码生成插件,高度定制
  杂项
 59110  428
  杂项
 27474  349

html5画板

html5画板小黄人版(IE不兼容)代码注释全
  杂项
 28234  337

jQuery弹出表单录入商品信息无刷新追加行

jQuery弹出表单录入商品信息无刷新追加行特效代码
  杂项
 32305  381

讨论这个项目(23)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    Destiny 0
    2021/12/15 17:42:09
    怎么修改开始转动的顺序呢? 想改成从左向右依次滚动 回复
    入目三分?? 0
    2019/11/16 3:12:03
    我谷歌 进去黑屏
    回复
    小孩神游 0
    2018/1/11 19:40:42

    看着挺好用的,推荐一下

    回复
    幻雨星耀 0
    2017/12/11 14:57:03
    怎么让他滚到几个固定数字
        Sigeqinshi0
        2018/7/2 10:15:23
        numRand()函数返回了一个随机数,如果你需要固定的数字,就去掉随机数,return你的数字就行了
    回复
    李卓轩 0
    2017/10/21 13:12:15

    博主,怎呢控制时间的长短?而且我们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让他滚到对应的数字

    回复
    Aslan 0
    2017/10/20 15:15:24

    怎么控制时间的长短呢?

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

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

    回复
    王黎 0
    2017/9/26 10:12:09

    不适应移动端

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

        适应移动端啊

    回复
    wayne1894 0
    2016/12/16 15:12:40
    Melody 0
    2016/10/11 10:10:41
    彼岸花 3
    2016/8/31 16:08:37

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

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

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

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复