1. 程式人生 > 其它 >jquery數字滾動特效

jquery數字滾動特效

技術標籤:jqueryjquery

數字滾動效果

1.需要引用jquery.js

2.需要引用jquery.numscroll.js

<!--預設寫法-->
<p class="num">100</p>
<p class="num"><span>100</span></p>
<!--推薦寫法-->
<p class="num2" data-num="888888"></p>


<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="js/jquery.numscroll.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	$(".num").numScroll({time:15000});
--------------------------------------------
    $(".num span").numScroll({time:15000});

	$(".num2").numScroll({
		time:15000
	});
</script>