<small id="nvnkc"><optgroup id="nvnkc"><sub id="nvnkc"></sub></optgroup></small>

<th id="nvnkc"><div id="nvnkc"></div></th>
  • <noscript id="nvnkc"><nobr id="nvnkc"><address id="nvnkc"></address></nobr></noscript>

  • <code id="nvnkc"><var id="nvnkc"></var></code><tbody id="nvnkc"><listing id="nvnkc"><nav id="nvnkc"></nav></listing></tbody>

    ProgressBar.js - jQuery圖片加載loading加載層動畫插件

    發布時間: 編輯:CINDY 0人評論 201次瀏覽 jQuery插件
    直達下載
    摘要 : ProgressBar.js是一款jQuery圖片加載loading加載層動畫插件。該插件在圖片加載時,為圖片添加垂直的圖片逐漸顯示效果,非常炫酷。

    ProgressBar.js插件簡介

    ProgressBar.js是一款jQuery圖片加載loading加載層動畫插件。該插件在圖片加載時,為圖片添加垂直的圖片逐漸顯示效果,非常炫酷。我們看一下ProgressBar.js效果圖如下:

    ProgressBar.js插件使用方法

    在HTML文件中引入。
    <link rel="stylesheet" type="text/css" href="../src/progressbar.css">
    <script type="text/javascript" src="../src/jquery.min.js"></script>     
    <script type="text/javascript" src="../src/jquery.progressbar.js"></script>     

    1、 HTML結構

    <div id="container">
     
    </div>
     javascript

    2、普通垂直加載圖片效果:

    var myProgress = $("#example").progressBar({
        imageUrl: 'image.png',
        imageHeight: 300,
        imageWidth: 250
    });

    3、使用背景圖片:

    var myProgress = $("#example").progressBar({
        imageUrl: 'image.png',
        imageHeight: 300,
        imageWidth: 250,
        backgroundImageUrl: 'bg.png',
        backgroundOpacity: 1
    });          
     ProgressBar.js插件的github網址為:https://github.com/kelvinperrie/ProgressBar
    查看更多

    ProgressBar.js - jQuery圖片加載loading加載層動畫插件下載地址

    點擊下載ProgressBar.js - jQuery圖片加載loading加載層動畫插件

    轉載必須注明來自: Chrome插件 ? ProgressBar.js - jQuery圖片加載loading加載層動畫插件

    av看片免费观看网址
    評論:(0)

    已有 0 位網友發表了一針見血的評論,你還等什么?

    ?