一个帮助你生成iOS文件夹效果的jQuery插件 - App-Folders

墨蓝 2022-04-14 02:39 148阅读 0赞

日期：2012-12-22  来源：[GBin1.com][]

![一个帮助你生成iOS文件夹效果的jQuery插件 - App-Folders][iOS_jQuery_ - App-Folders]

如果你是[iOS][]的狂热分子的话，对于[iOS][]风格app目录肯定非常熟悉，今天这里我们介绍一个实现[iOS][] app风格目录的jQuery插件：**[App-Folders][]**

相关阅读：

[使用jQuery开发iOS风格的页面导航菜单][jQuery_iOS]

这个插件同时支持桌面和Mobile应用，所以你可以创建俩种不同的样式，如下：

![一个帮助你生成iOS文件夹效果的jQuery插件 - App-Folders][iOS_jQuery_ - App-Folders 1]

或者是移动设备的效果，如下：

![一个帮助你生成iOS文件夹效果的jQuery插件 - App-Folders][iOS_jQuery_ - App-Folders 2]

## HTML代码 ##

<div class="app-folders-container"> 
        	
        	
            <div class="jaf-container jaf-row">
            
              
              
              <div class="folder" id="uno">
                
                
                <a href="#">
                  <p>Folder 1</p>
                </a>
              </div>
            </div>
            
            
            
    
            
            <div class="uno folderContent">
              <div class="jaf-container">
              
                
                <p>Content for folder one.</p>
              
              </div>
            </div>
            
        </div>

## Javascript代码 ##

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

实现是不是非常简单，如果你希望使用这种超酷的展示目录的方式，赶快下载吧！

来源：[一个帮助你生成iOS文件夹效果的jQuery插件 - App-Folders][GBin1.com]

[GBin1.com]: http://www.gbin1.com/technology/jquerynews/20121222-ios-style-app-folder/
[iOS_jQuery_ - App-Folders]: http://www.gbin1.com/technology/jquerynews/20121222-ios-style-app-folder/title.jpg
[iOS]: http://www.gbin1.com/bloghome.html?tag=ios
[App-Folders]: http://app-folders.com/
[jQuery_iOS]: http://www.gbin1.com/technology/jquerytutorial/20120728-iphone-style-nav/
[iOS_jQuery_ - App-Folders 1]: http://www.gbin1.com/technology/jquerynews/20121222-ios-style-app-folder/1.jpg
[iOS_jQuery_ - App-Folders 2]: http://www.gbin1.com/technology/jquerynews/20121222-ios-style-app-folder/2.jpg