注册 登录 充值会员 退出
毕业设计 PHP源码
充值

jQuery+CSS3数字滚动增加动画特效

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2018-05-16
jQuery+CSS3数字滚动增加动画特效
这是一款非常有创意的jQuery+CSS3数字滚动增加动画特效,进入网页数字滚动统计,可用于展示数量统计的地方。


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>