jquery数字滚动动画特效

jquery数字滚动动画展示特效适用于网站下载量、访问量等等的数字向上滚动实时动态更新效果。

分类：文字特效 > 文字滚动难易：入门级

查看演示下载资源下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

js代码

<script src="js/jquery-1.7.1.js"></script>
    <script src="js/animateBackground-plugin.js"></script>
    <script type="text/javascript">
        $(function () {
            getdata();
            setInterval('getdata()', 3000);
        });

        function getdata() {
            //var num = $("#cur_num").val();
            //$.ajax({
            //    url: 'data.html',
            //    type: 'POST',
            //    dataType: "json",
            //    data: { 'total': num },
            //    cache: false,
            //    timeout: 10000,
            //    error: function () { },
            //    success: function (data) {
            //        show_num(data.count);
            //    }
            //});
            show_num("123456789");
        }

        function show_num(n) {
            var it = $(".t_num i");
            var len = String(n).length;
            for (var i = 0; i < len; i++) {
                if (it.length <= i) {
                    $(".t_num").append("<i></i>");
                }
                var num = String(n).charAt(i);
                var y = -parseInt(num) * 30;
                var obj = $(".t_num i").eq(i);
                obj.animate({
                    backgroundPosition: '(0 ' + String(y) + 'px)'
                }, 'slow', 'swing', function () { }
                );
            }
            //$("#cur_num").val(n);
        }
    </script>