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í)也希望多多支持腳本之家！
您可能感興趣的文章:
- JQuery animate動(dòng)畫應(yīng)用示例
- jQuery封裝animate.css的實(shí)例
- jquery animate動(dòng)畫持續(xù)運(yùn)動(dòng)的實(shí)例
- jQuery中animate()的使用方法及解決$(”body“).animate({“scrollTop”:top})不被Firefox支持的問(wèn)題
- jQuery animate()實(shí)現(xiàn)背景色漸變效果的處理方法【使用jQuery.color.js插件】
- 淺談原生JS實(shí)現(xiàn)jQuery的animate()動(dòng)畫示例
- jQuery中animate的幾種用法與注意事項(xiàng)
- jQuery使用animate實(shí)現(xiàn)ul列表項(xiàng)相互飄動(dòng)效果示例
- 利用jQuery的動(dòng)畫函數(shù)animate實(shí)現(xiàn)豌豆發(fā)射效果
- 原生js實(shí)現(xiàn)jquery函數(shù)animate()動(dòng)畫效果的簡(jiǎn)單實(shí)例
- 詳解jQuery的animate動(dòng)畫方法及動(dòng)畫排隊(duì)問(wèn)題解決
相關(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
這篇文章主要介紹了jquery實(shí)現(xiàn)文本框的文本自動(dòng)補(bǔ)全效果,大家參考使用吧2014-01-01
這篇文章主要為大家詳細(xì)介紹了基于jQuery拖拽事件的封裝，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-11-11
本文介紹了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
現(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