您当前的位置:首页 > 网络技术

实现数字跳动js

时间:2024-12-23 12:09:30    来源:    作者:
实现数字跳动
<span class="counter-value">1450</span>//html代码
//js代码开始
<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('.counter-value').each(function(){
        $(this).prop('Counter',0).animate({
            Counter: $(this).text()
        },{
            duration: 3500,
            easing: 'swing',
            step: function (now){
                $(this).text(Math.ceil(now));
            }
        });
    });
});
</script>//js代码结束
推荐资讯