JQuery/PHP
jQuery 制作动态数字翻滚计数到指定数字效果
PetitQ
收藏
现在很多的网站上会有数字展示，为了让效果看起来更加高大上，会让这些数字变化展示，数字翻滚计数到指定数字。效果如下图：
下面介绍一下这种动态数字翻滚计数到指定数字效果的制作方法。
第一步：下载数字翻滚计数必须的 JS 文件：shu.js
也想出现在这里？联系我们吧
第二步：上传 shu.js 到自己主机，然后在自己的网站上引入 shu.js，使用以下的代码来引入。（注意文件路径）
<script src="js/shu.js"></script>
第三步：在显示数字的位置，使用以下的代码来显示变化的数字。
<span class="timer count-title" id="count-number" data-to="100" data-speed="1500"></span>
data-to="100"：代表最终显示的数字
data-speed="1500"：代表变化的速度
这样显示的数字就会是变化翻滚的了。
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
