成都企業(yè)網(wǎng)站建站

2022-07-30 分類：網(wǎng)站建設(shè)

成都企業(yè)網(wǎng)站建站使用Pace.js為網(wǎng)站創(chuàng)建漂亮的進(jìn)度欄

對(duì)于某些用戶來(lái)說(shuō)，進(jìn)度條可能是非常有用的。它告知他們離完成任務(wù)有多近。通常，這用于提供更加用戶友好的體驗(yàn)。在您喜歡的瀏覽器上打開網(wǎng)頁(yè)時(shí)，瀏覽器選項(xiàng)卡中已經(jīng)存在一個(gè)默認(rèn)進(jìn)度欄，以查看該頁(yè)面是否已完全加載。

使用Pace.js，您現(xiàn)在可以將頁(yè)面加載進(jìn)度欄合并到自己的頁(yè)面中。

Pace.js是一個(gè)JavaScript庫(kù)，用于在網(wǎng)站中創(chuàng)建漂亮的頁(yè)面加載進(jìn)度欄。通過(guò)檢查ajax請(qǐng)求，文檔就緒狀態(tài)，事件循環(huán)滯后（表明正在執(zhí)行javascript）以及頁(yè)面上特定元素的存在來(lái)自動(dòng)建立進(jìn)度。

當(dāng)進(jìn)行ajax導(dǎo)航或pushState事件時(shí)，進(jìn)度欄也會(huì)再次重新啟動(dòng)。

入門

Pace.js非常易于實(shí)現(xiàn)。即使您的站點(diǎn)中沒有jQuery庫(kù)，也可以使用它。你只需要一體化pace.js和一個(gè)CSS主題您選擇的盡早到您的文檔：

而已！完成后，您的網(wǎng)站現(xiàn)在有了漂亮的頁(yè)面加載進(jìn)度欄。

進(jìn)度條演示

組態(tài)

成都企業(yè)網(wǎng)站建站

從實(shí)質(zhì)上講，由于Pace.js具有完全的自動(dòng)化功能，因此無(wú)需其他配置。但是，如果默認(rèn)設(shè)置不能滿足您的需求，那么您也可以使用自己的配置。

要進(jìn)一步定制，可以選擇兩種簡(jiǎn)單的方法。首先，通過(guò)在內(nèi)部window.paceOption包含如下所示的配置。

paceOptions = {

// Configuration goes here. Example:

elements: false,

restartOnPushState: false,

restartOnRequestAfter: false

}

第二種方法是，您可以輕松地data-pace-options在script標(biāo)簽內(nèi)添加，然后定義配置并像這樣調(diào)用speed.js資源。

1個(gè)

您可以在源頁(yè)面中找到可用配置的完整列表。

成都企業(yè)網(wǎng)站建站最終思想

該插件帶有許多現(xiàn)成的主題。要查看主題的完整列表和演示，可以直接轉(zhuǎn)到插件站點(diǎn)。如果這些主題不適合您，則可以輕松創(chuàng)建自己的主題。借助Pace.js之類的插件，現(xiàn)在您不必?fù)?dān)心在站點(diǎn)中實(shí)現(xiàn)加載頁(yè)面進(jìn)度欄的困難。

文章題目：成都企業(yè)網(wǎng)站建站
網(wǎng)頁(yè)網(wǎng)址：http://www.2m8n56k.cn/news24/183624.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、Google、搜索引擎優(yōu)化、網(wǎng)站內(nèi)鏈、全網(wǎng)營(yíng)銷推廣、商城網(wǎng)站

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：[email protected]。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

主機(jī)空間怎么選？ 2022-07-30
怎么新建網(wǎng)站才有利于后邊的工作 2022-07-30
果斷收藏：對(duì)于關(guān)鍵詞排名如何做互聯(lián)網(wǎng)品牌營(yíng)銷？ 2022-07-30
為什么有些武漢網(wǎng)站建設(shè)公司的報(bào)價(jià)很便宜？ 2022-07-30
網(wǎng)絡(luò)推廣打狗棒法是什么 2022-07-30
如何評(píng)估武漢網(wǎng)站建設(shè)預(yù)算？ 2022-07-30

中文字幕第五页-中文字幕第页-中文字幕韩国-中文字幕最新-国产尤物二区三区在线观看-国产尤物福利视频一区二区

成都企業(yè)網(wǎng)站建站