快捷導(dǎo)航

jQuery實現(xiàn)立體式數(shù)字動態(tài)增加（animate方法）

更新時間：2016年12月21日 11:16:56 作者：以茜為貴

本文主要分享了基于jQuery實現(xiàn)立體式數(shù)字動態(tài)增加（animate方法）的實例代碼。有很好的參考價值，需要的朋友一起來看下吧

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

<div class="integral">已有<span class="ii"></span>積分</div>

2、js

<script type="text/javascript" src="js/jquery.js" ></script>
<script type="text/javascript" src="js/animateNumber.js"></script>
<script>
 $(document).ready(function() {
  $('.integral .ii').animateNumber({ number: 8526 },1500);//number就是目標(biāo)數(shù)
 });
</script>

3、圖片案例

以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

jQuery實現(xiàn)飛機(jī)大戰(zhàn)小游戲
這篇文章主要為大家詳細(xì)介紹了jQuery實現(xiàn)飛機(jī)大戰(zhàn)小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-07-07
jquery.pagination.js分頁使用教程
這篇文章主要為大家詳細(xì)介紹了jquery.pagination.js分頁使用教程，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-10-10
文本框文本自動補(bǔ)全效果示例分享
這篇文章主要介紹了jquery實現(xiàn)文本框的文本自動補(bǔ)全效果,大家參考使用吧
2014-01-01
基于jQuery拖拽事件的封裝
這篇文章主要為大家詳細(xì)介紹了基于jQuery拖拽事件的封裝，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-11-11
jquery實現(xiàn)輪播圖效果
本文介紹了jquery實現(xiàn)輪播圖效果示例代碼。具有很好的參考價值，下面跟著小編一起來看下吧
2017-02-02
easyUI 實現(xiàn)的后臺分頁與前臺顯示功能示例
這篇文章主要介紹了easyUI 實現(xiàn)的后臺分頁與前臺顯示功能,結(jié)合實例形式分析了easyUI 后臺數(shù)據(jù)交互、分頁與前臺顯示相關(guān)操作技巧及注意事項,需要的朋友可以參考下
2020-06-06
jQuery實現(xiàn)的鼠標(biāo)滾輪控制圖片縮放功能實例
這篇文章主要介紹了jQuery實現(xiàn)的鼠標(biāo)滾輪控制圖片縮放功能,結(jié)合完整實例形式分析了jQuery基于鼠標(biāo)滾輪mousewheel事件進(jìn)行頁面元素屬性動態(tài)操作的相關(guān)實現(xiàn)技巧,需要的朋友可以參考下
2017-10-10
jQuery簡單實現(xiàn)向列表動態(tài)添加新元素的方法示例
這篇文章主要介紹了jQuery簡單實現(xiàn)向列表動態(tài)添加新元素的方法,涉及jQuery事件響應(yīng)及頁面元素動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下
2017-12-12
基于jQuery實現(xiàn)模擬頁面加載進(jìn)度條
進(jìn)度條的出現(xiàn)在于無法通過任何方法獲取整個頁面的大小和當(dāng)前加載了多少，所以只能用進(jìn)度條來模擬，接下來為大家介紹下實現(xiàn)方法，感興趣的朋友可以參考下哈
2013-04-04
解析jquery中的ajax緩存問題
現(xiàn)在我要在瀏覽器里讀取緩存，因為ajax請求的數(shù)據(jù)很大，請求一次就夠了。但是問題來了，在FF里面，是沒有ajax緩存的，也就是每次都會觸發(fā)ajax請求，這點(diǎn)和IE不一樣
2013-12-12