一個幫助你生成iOS文件夾效果的jQuery插件 - App-Folders

如果你是iOS的狂熱分子的話，對于iOS風格app目錄肯定非常熟悉，今天這里我們介紹一個實現iOS app風格目錄的jQuery插件：App-Folders

這個插件同時支持桌面和Mobile應用，所以你可以創建倆種不同的樣式，如下：

或者是移動設備的效果，如下：

HTML代碼

    <!--This is what you call in the function above-->
    <div class="app-folders-container"> 

        <!-- jaf-row 1 (You can have as many rows as you like) -->
        <div class="jaf-container jaf-row">

          <!--You can have as many folders as you like-->
          <!--Folder's ID must match Class of the item that it opens-->
          <div class="folder" id="uno">

            <!--Anything wrapped by this link can open the content on click.-->
            <a href="#">
              <p>Folder 1</p>
            </a>
          </div><!--End Folder-->
        </div><!--End Row-->


        <!--Now, include the content that you want to show for each Folder-->

        <!-- CLASS must equal the ID of the item that calls it.-->
        <div class="uno folderContent">
          <div class="jaf-container">

            <!--Add whatever HTML you want in this area-->
            <p>Content for folder one.</p>

          </div>
        </div><!-- End folderContent uno-->

    </div><!--End app-folders-container-->

Javascript代碼

$(function() {
    $('.app-folders-container').appFolders();
});

實現是不是非常簡單，如果你希望使用這種超酷的展示目錄的方式，趕快下載吧！

來源：一個幫助你生成iOS文件夾效果的jQuery插件 - App-Folders