懒人之家--可能是JS网页特效代码收集最全的懒站!
前端视频教程 小程序 众筹源码 python 商城源码 商城模板 响应式模板 中文模板 手机模板 企业源码

Bootstrap+jQuery数字增长动画特效

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2018-04-10
这是一款基于Bootstrap样式和jQuery实现的数字增长动画特效,可以作为一种网页计数器动画效果使用。


js代码

<script type="text/javascript">
	$(document).ready(function(){
		$("#btn").click(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>