新聞中心
今天就跟大家聊聊有關(guān)如何使用CountUp.js數(shù)字滾動(dòng)插件,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結(jié)了以下內(nèi)容,希望大家根據(jù)這篇文章可以有所收獲。
創(chuàng)新互聯(lián)主要從事網(wǎng)站設(shè)計(jì)制作、做網(wǎng)站、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)館陶,十多年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專(zhuān)業(yè),歡迎來(lái)電咨詢(xún)建站服務(wù):028-86922220
CountUp.js 是一個(gè)輕量級(jí),無(wú)依賴(lài)的JavaScript類(lèi),通過(guò)簡(jiǎn)單的設(shè)置就可以達(dá)到數(shù)字滾動(dòng)的效果
可配置項(xiàng):
target = 目標(biāo)元素的 ID; startVal = 開(kāi)始值; endVal = 結(jié)束值; decimals = 小數(shù)位數(shù),默認(rèn)值是0; duration = 動(dòng)畫(huà)延遲秒數(shù),默認(rèn)值是2; //用法: var options = { useEasing: true, useGrouping: true, separator: ',', decimal: '.', } var demo = new CountUp(target , startVal, endVal , decimals , duration , options); demo.start();
相關(guān)代碼實(shí)例如下:
Document
看完上述內(nèi)容,你們對(duì)如何使用CountUp.js數(shù)字滾動(dòng)插件有進(jìn)一步的了解嗎?如果還想了解更多知識(shí)或者相關(guān)內(nèi)容,請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝大家的支持。
標(biāo)題名稱(chēng):如何使用CountUp.js數(shù)字滾動(dòng)插件
轉(zhuǎn)載來(lái)源:http://fisionsoft.com.cn/article/ggcdio.html