jQuery实现数字上下滚动动态切换 - 起点终站

我们应该感谢相遇,无论结局是喜是悲....
jQuery实现数字上下滚动动态切换
  • 首页 > IT技术
  • 作者:起点终站
  • 2016年5月26日 15:35 星期四
  • 浏览:62764
  • 字号:
  • 评论:0

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

    插件使用非常简单

    1. 第一次调用时

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

    NumbersAnimate.Numbers=12389623;

    NumbersAnimate.Duration=1500;

    NumbersAnimate.Animate();

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

    NumbersAnimate.ChangeNumber();

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

    Target:数字的父级容器

    Numbers:显示的数字

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

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



    以下为全部代码:
      您阅读这篇文章共花了:  
    本文作者:起点终站      文章标题: jQuery实现数字上下滚动动态切换
    本文地址:https://blog.hellozwh.com/?post=12
    版权声明:若无注明,本文皆为“起点终站”原创,转载请保留文章出处。
    • blogger
    返回顶部| 首页| 手气不错| 网站地图| sitemap| 装逼生成器| 站长介绍|

    Copyright © 2016-2019 起点终站 闽ICP备16011094号-1