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

Bootstrap+jQuery数字增长动画特效

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2018-04-10
Bootstrap+jQuery数字增长动画特效
这是一款基于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>