动态数字
动态数字是个有趣的展示方式,数字会动态从0递增到最终结果,一般用于滚动条滚动到相关位置后动态滚动数字,增强视觉,提升该数字的关键性,例如某些数据统计,静态展示可能会被用户忽略,但是滚动加载的数字会吸引用户注意力。
示例
文档
标准风格,应该是你最常见的一种方式
24099
+
模板购买数量
104
款
建站产品
10
年
建站经验
346
+
覆盖城市
使用她非常方便,只需要给数字添加一条class
ani-num
即可,如下
46557
要知道,
ani-num
属性是随着滚动条自动变化的,当浏览器显示到她的时候,该数字就会动态加载。
100
200
300
400
500
600
700
800
900
200
200
200
200
200
200
200
200
200
200
代码示例