jQuery数字滚动插件(原创)

所属分类:其他-动画效果

 43716  367  查看评论 (35)
分享到微信朋友圈
X
jQuery数字滚动插件(原创) ie兼容10

更新时间:2018/2/27 17:37:32

更新说明:修复一个页面出现多个数字滚动 却只能滚动最后一个bug


使用方法

发布时间:2018-2-22 21:07

导入index.js

html

<div id="datanums"></div>

js调用

$("#datanums").rollnum({
    deval: 21
});
$("#datanums").rollnum({
    deval: 21, //设置值       
    digit: 4 //设置显示4位数
});
$("#datanums").rollnum({
    deval: 21, //设置值     
    digit: 4, //设置显示4位数    
    classname: 'test' //设置样式名称
});

css样式

当样式表中.dataone高度发生变化时字体的line-height要与高度一致避免滚动出现定位不准的情况

相关插件-动画效果

用纯CSS3制作的效果非常炫酷的元素边框线条动画特效

这是一款使用纯CSS3制作的效果非常炫酷的元素边框线条动画特效。这个元素边框线条动画使用伪元素和keyframes来制作线条运动效果。
  动画效果
 237975  618

jQuery浮层跟随图片动画代码

jQuery浮层跟随图片动画代码
  动画效果
 32710  387

2013圣诞快乐礼盒破裂HTML5特效

圣诞节快乐,盒子破裂弹出。
  动画效果
 40028  482

超级牛B的js效果

跟上一个心的形状用的类似的方法。不用我多说,看了就知道有多牛B了哦。可兼容手机。暂停之后一个手指拖动改变视角,两个手指可以调整视角的大小,三个手指可以移动。
  动画效果
 58716  331

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

    碧水红潮 0
    2020/7/29 17:21:58
    转久一点快一点 回复
    碧水红潮 0
    2020/7/29 17:19:51
    怎么点击按钮数字像最开始一样快速转动啊 回复
    kk5530201 0
    2020/2/27 11:37:04
    $(".ni").click(function(event) {
         $("#dataNums").rollNum({
                    deVal: '99'
         });

    增加了一个点击事件,点击改变里面的数字,然后数字的位置不对,变成没有数字了

    回复
    哥斯拉不说话 0
    2019/11/27 17:19:45
    高度怎么改。。。改不了
        哥斯拉不说话0
        2019/11/27 17:32:44
        知道了。。。
    回复
    snsi 0
    2019/7/9 15:38:43
    请问怎么加定时器呢?
        snsi0
        2019/7/9 15:41:48
        如果是死数字就动不来,随机数就可以
    回复
    北葵向暖。 0
    2019/3/28 20:40:38
    怎么添加千分位标志符啊
    回复
    0 0
    2018/12/28 10:54:07
    如果要再加一组这样的数字,再增加的一组会受到影响,数字滚动到最后全部是0,这个要怎么解决啊,我是个美工,被领导逼得写代码,技术白一个,实在不懂这些,什么专业术语调用什么的,我不懂,能不能贴个代码的图我看看行么,跪求,谢谢大神
        00
        2018/12/28 14:28:34
        我已经解决啦!,谢谢啦
        走走停停丨╇0
        2019/3/2 0:30:42
        怎么解决的啊 大佬求代码告知
    回复
    全世界最好的璇璇! 0
    2018/12/10 17:01:35
    你好。。。我引入了index.js 和 globe.css 可是 使用时报错了,说 $(...).rollNum is not a function ...这是为什么呢
        全世界最好的璇璇!0
        2018/12/10 17:33:45
        已解决,非常感谢!您的插件写的太棒啦!
    回复
    Allen白狼 0
    2018/11/21 9:13:43
    我想知道怎么设置随机数
        西瓜0
        2018/11/21 9:27:37

        以下代码为生成0到100随机数。

         $(function() {
             var a = 0;
             var b = 100;
             var rand = parseInt(Math.random() * (a - b + 1) + b);
             $("#dataNums").rollNum({
                 deVal: rand
             });
         });
    回复
    undefind 0
    2018/8/28 11:18:18
    digit 设置了没用 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复