jquery_dataStatistics动态数字翻页特效插件

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

 54795  451  查看评论 (61)
分享到微信朋友圈
X
jquery_dataStatistics动态数字翻页特效插件 ie兼容11

使用方法

包括dataStatistics和jQuery添加到你的网站

<script src='js/jquery.js'></script>
<script src="js/jquery.dataStatistics.js"></script>
<link rel="stylesheet" href="style/style.css" media="screen" type="text/css" />

添加一个html元素

<div class="dataStatistics">
  <div class="digit_set"></div>
  <div class="digit_set"></div>
  <div class="digit_set"></div>
  <div class="digit_set"></div>
  <div class="digit_set"></div>
  <div class="digit_set set_last"></div>
</div>

要显示几位数 就添加多少个 

<div class="digit_set"></div>

并在最后一个 添加set_last 样式名

添加此代码在结尾

<script>
  $(document).ready(function(){
      $('.dataStatistics').dataStatistics({min:100,max:150,time:30000,len:6});
  });
</script>

参数

  • min:起始数

  • max:终止数

  • time:总时间

  • len:几位数字(根据前面添加<div class="digit_set"></div>)


相关插件-动画效果

卷轴动画-html5+js完美兼容IE6+

卷轴动画-html5+js完美兼容IE6+
  动画效果
 49302  476

canvas 雨滴

这款动画主要是模拟了下雨的场景,雨滴从空中飘落,落在地上溅起水花,整个过程模拟得相当逼真。更重要的是,这款HTML5下雨动画还可以通过鼠标控制风向和雨水强度,鼠标左右滑动控制雨滴方向,鼠标上下滑动控制雨滴密度。
  动画效果
 27736  415

购物车商品飞入动画

使用css规则简单实现商品飞入效果
  动画效果
 20741  262

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

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

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

    Mr huang 0
    2019/9/26 10:19:22
    说来话长丶 0
    2019/6/24 17:17:28
    我这个每个数字上半部比每个数字下半部多1,比方说实际值是12345,上半部显示23456,怎么解决,求指教 回复
    吃芒果不吃芒果干 0
    2019/6/5 10:11:50
    360兼容模式下下半数据会缺失,应该是ie兼容问题,大哥们遇到过没,咋解决的教教我
        少帅0
        2019/6/13 16:47:09
        更换谷歌浏览器
    回复
    醉~清风~ 0
    2019/4/1 14:07:48
    这个只有增加的,数值减小的怎么做啊,求大神给个方法 回复
    Q.Ni 0
    2019/3/25 9:40:46
    页面一个滚动, 点不同的按钮切换数值 ,点的快了,数值未走完的会叠加,这个问题,有没有一个方法,终止前一个数据呢。
        Mr huang0
        2019/9/30 13:45:28
        解决了吗?
    回复
    这么远,那么近! 0
    2019/3/15 17:25:30
    这个时间调整感觉不管用该怎么办啊,是以什么为单位,怎么解决啊 回复
    superdameng 0
    2018/12/17 13:21:34
    我有1个问题想请教下:
    1.这个在ie浏览器下过度动画有延迟,不正常!
        屈晶晶-掌上先机0
        2019/4/3 11:53:05
        请问你解决了吗
    回复
    一小朵暖阳 0
    2018/12/14 9:48:59
    请问大神这个插件怎么改小呀 样式不太好调,我想放在百分比的div里面 然后就竖排显示了 怎么改都不行呢 回复
    Monster Archer 0
    2018/11/29 17:26:51
    如果一个页面里要用到2个这个怎么办?
        ╇习惯 -や0
        2018/12/17 10:51:50
        改 id
        superdameng0
        2018/12/17 15:11:25
        改哪里的id
        ╇习惯 -や1
        2018/12/18 9:24:20
        给.dataStatistics 这样的类名都加一个各自的id
        superdameng0
        2018/12/18 16:10:43
        ie下过度动画有延时,这个问题怎么解决
    回复
    fricky 0
    2018/11/26 20:06:12
    里面的css样式表文件没了 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复