1、html結構 2、js 3、圖片案例 ...
1、html結構
<div class="numberRun1"></div>
2、js
<script type="text/javascript" src="js/digital_over.js" ></script>//引用 //這是自定義函數(需要在頁面中進行調用) <script> //數字滾動 function digitalScroll(obj,n){ var numRun = $(obj).numberAnimate({num:n, speed:2000, symbol:","}); var nums = n; setInterval(function(){ numRun.resetData(nums); },3000); var numWidth= $(obj).width(); $(obj).find('.mt-number-animate').css('width',numWidth); $(obj).css('width','100%'); $(obj).find('.mt-number-animate').css('margin','0 auto'); } window.indexdigitalScroll=function(){ digitalScroll($('.numberRun1'),1160518); } </script> <!--這是在頁面中調用的方法--> <script> $(function(){ indexdigitalScroll(); }); </script>
3、圖片案例