jquery實現立體式數字滾動條增加效果,代碼分為兩部分,一部分位html結構另一部分屬于js代碼段,需要的朋友參考下吧!
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、圖片案例

以上所述是小編給大家介紹的jQuery實現立體式數字滾動條增加效果,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!
新聞熱點
疑難解答