<span id="19vb9"><b id="19vb9"></b></span>
<address id="19vb9"></address>
<noframes id="19vb9">

        <noframes id="19vb9"><address id="19vb9"><th id="19vb9"></th></address>
        <noframes id="19vb9">

        <noframes id="19vb9">

          網站建設余杭:如何使用Pace.js創建JavaScript進度欄

          2019.01.15

          990

          網站建設余杭

          在今天的教程中,我將向您展示如網站建設余杭何使用這個神奇的插件在您的站點上加載一個進度條。

          查看演示


          • 您可以在網站中的任何網頁中自動加載進度條。
          • 它有14個內置的主題(在撰寫本文時),您可以從中選擇。
          • 自動檢測進度。

          完成本教程所需的資源

          • 任何背景圖像

          太簡單了!從這里開始!

          js非常容易實現。您只需將和您選擇的主題CSS包含在頭部部分,就可以完成了。不需要添加jQuery庫就可以工作了!

          
          
          
          	
          	Create your own page load progress bar with 
          	
          	
          
          

          Configuration

          雖然是全自動的,但不需要配置就可以工作。你可以在上面做些調整。

          有兩種方法:

          1.在導入文件之前設置網站建設余杭window.paceOptions:

          paceOptions = {
            // Disable the 'elements' source
            elements: false,
          
            // Only show the progress on regular and ajax-y page navigation,
            // not every request
            restartOnRequestAfter: false
          }
          

          2.將選項放在腳本標記上:

          
          

          您網站建設余杭還可以更改主題的顏色。有兩種方法可以做到這一點:

          包起來

          給你!太簡單了不是嗎?

          js是一個很棒的JavaScript插件,它附帶了很多主題。還有其他一些jQuery插件,如ProBars:jQuery動畫網站建設余杭進度條和Progress.js。

          但是對我來說,是最好的插件,因為它是一個即插即用插件,不需要配置。讓我知道你的想法,關于這個插件在評論部分。

          關鍵詞

          最新案例

          聯系電話 400-6065-301

          留言

          三级片电影网站 - 视频 - 在线播放 - 影视资讯 - 夜夜爱