数字滚动

看了几个网站的数字滚动的特效,不过多是用图片来实现的,我这里写了个非图片的。

DEMO地址:http://www.acgist.com/demo/number-roll/index.html

其实最麻烦的就是数字滚上去下一个数字滚上来,这个我现在用的就是用两个数字,然后换行,第二行就是下一个数字。

JS:

var text = index == max ? index : index + "" + (index + 1);

CSS换行:

word-break:break-all;word-wrap:break-word;