jQuery实现数字上下滚动动态切换

2015-8-10 15:58  0/3405  尔今     

Jquery打造的数字滚动变化插件,数字变化时,动态滚动切换,手动点击数字随机变化,效果非常好。

插件使用非常简单

1. 第一次调用时

NumbersAnimate.Target=$(".textC");

NumbersAnimate.Numbers=12389623;

NumbersAnimate.Duration=1500;

NumbersAnimate.Animate();

2. 如果数字改变了,再次调用就只需要调用Change函数即可

NumbersAnimate.ChangeNumber();

该插件有3个参数,分别是:

Target:数字的父级容器

Numbers:显示的数字

Duration:滚动速度,单位是毫秒

使用注意:当数字改变后调用Change方法时,需要保证改变后的数字和之前的数字位数一致。

以下为全部代码:

相关内容

您只需要填写验证码并提交评论即可
  • 近期热门
  • 为您推荐
  • 最新评论

返回顶部