js数字滚动累计动画特效

来源:https://www.sucaihuo.com/js/4415.html 2019-06-10 11:45浏览(353) 收藏

原生js实现的数字滚动累计动画特效,可以设置默认数值、动画时间和速度等,到达指定数值停止滚动。
js数字滚动累计动画特效
分类:文字特效 > 文字滚动 难易:初级
查看演示 下载资源 下载积分: 20 积分

js代码

<script type="text/javascript" src="./js/index.js"></script>
    <script type="text/javascript">
        var dom = document.querySelector(".number")
        var digit = new Digit({
            number : 1234582.52, // 到达指定数值停止滚动
            finish : 5, // 整体完成时间
            speed : 1, // 数值越大,越多数字同时进行翻滚,取值范围(1 ~ 10)
            direction : "right", // 动画方向
            dom : dom, // 在指定dom节点插入动画
        })

        digit.render() // 执行
    </script>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2