快捷導(dǎo)航

jQuery實現(xiàn)立體式數(shù)字滾動條增加效果

更新時間：2016年12月21日 08:54:41 作者：以茜為貴

這篇文章主要介紹了jQuery立體式數(shù)字滾動條增加的相關(guān)資料,代碼簡單易懂，非常不錯，需要的朋友可以參考下

jquery實現(xiàn)立體式數(shù)字滾動條增加效果，代碼分為兩部分，一部分位html結(jié)構(gòu)另一部分屬于js代碼段，需要的朋友參考下吧！

1、html結(jié)構(gòu)

<div class="numberRun1"></div>

2、js

<script type="text/javascript" src="js/digital_over.js" ></script>//引用
//這是自定義函數(shù)（需要在頁面中進行調(diào)用）
<script>
  //數(shù)字滾動
  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>
<!--這是在頁面中調(diào)用的方法-->
<script>
  $(function(){
    indexdigitalScroll();
    });
</script>

3、圖片案例

以上所述是小編給大家介紹的jQuery實現(xiàn)立體式數(shù)字滾動條增加效果，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

jquery動畫2.元素坐標動畫效果（創(chuàng)建一個圖片走廊）
今天文章的內(nèi)容是關(guān)于使用jquery的animate方法，修改html元素的position屬性，創(chuàng)建一個圖片走廊
2012-08-08
jquery控制div下所有連接
獲取當前連接的連接地址。
2009-05-05
淺談jquery采用attr修改form表單enctype不起作用的問題
下面小編就為大家?guī)硪黄獪\談jquery采用attr修改form表單enctype不起作用的問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-11-11
js整數(shù)字符串轉(zhuǎn)換為金額類型數(shù)據(jù)(示例代碼)
本篇文章主要是對js整數(shù)字符串轉(zhuǎn)換為金額類型數(shù)據(jù)的示例代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2013-12-12
JQuery 控制內(nèi)容長度超出規(guī)定長度顯示省略號
這篇文章主要介紹JQuery如何實現(xiàn)控制內(nèi)容長度超出規(guī)定長度顯示省略號,需要的朋友可以參考下
2014-05-05
jquery 實現(xiàn)的改變顏色與背景的代碼 change(fontsize,background)補充2
change事件會在元素失去焦點的時候觸發(fā)，也會當其值在獲得焦點后改變時觸發(fā)。
2010-05-05
詳解handlebars+require基本使用方法
本文主要對handlebars+require基本使用方法進行詳細介紹，文章尾部會附上完整代碼供大家參考。需要的朋友一起來看下吧
2016-12-12
JQuery實現(xiàn)文字無縫滾動效果示例代碼(Marquee插件)
本篇文章主要介紹了JQuery實現(xiàn)文字無縫滾動效果示例代碼(Marquee插件)，具有一定的參考價值，感興趣的小伙伴們可以參考一下。
2017-03-03
jquery.autocomplete修改實現(xiàn)鍵盤上下鍵自動填充示例
根據(jù)需求要實現(xiàn)通過鍵盤上下移動，獲得聯(lián)想菜單中的值，如同google baidu的查詢功能，下面的代碼是自己手寫的，喜歡的朋友可以嘗試操作下
2013-11-11
jquery中獲取select選中值的代碼
jquery中獲取select選中值的代碼，需要的朋友可以參考下。
2011-06-06