jQuery+JSON實現AJAX二級聯動實例分析
628
2024-03-16
jquery實現立體式數字滾動條增加效果,代碼分為兩部分,一部分位html結構另一部分屬于js代碼段,需要的朋友參考下吧!
1、html結構
<div class="numberRun1"></div>
2、js
<script type="text/javascript" src="http://www.gimoo.net/t/1810/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實現立體式數字滾動條增加效果,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對綠夏網網站的支持!
#免責聲明#
本站[綠夏技術導航]提供的一切軟件、教程和內容信息僅限用于學習和研究目的;不得將上述內容用于商業或者非法用途,否則,一切后果請用戶自負。本站信息來自網絡收集整理,版權爭議與本站無關。您必須在下載后的24個小時之內,從您的電腦或手機中徹底刪除上述內容。如果您喜歡該程序或內容,請支持正版,購買注冊,得到更好的正版服務。我們非常重視版權問題,如有侵權請郵件[admin@lxwl520.com]與我們聯系進行刪除處理。敬請諒解!