快捷導(dǎo)航

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

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

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

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、圖片案例

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

您可能感興趣的文章:

相關(guān)文章

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