免费 域名 空间 相册 邮箱 资源 网赚 试用 优惠 工具
教程 设计 三维 学院 办公 网页
素材 PSD 矢量 网页 PPT 动画
美女 唯美 大生活 美图 风景 时尚艺
资讯 综合 专题 热点
您的位置: 广信之家 > 免费资源 > 免费插件 > 文章正文

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

时间:12-26 17:12 来源:gbin1.com 整理:广信小编 我要评论(0)
字号:T|T
内容提要:
  如果你是iOS的狂热分子的话,对于iOS风格app目录肯定非常熟悉,今天这里我们介绍一个实现iOS app风格目录的jQuery插件:App-Folders

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

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

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

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

或者是移动设备的效果,如下:

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

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-row jaf-container”>

<!--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=“folderContent uno”>

<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

    相关阅读:

    顶一下
    (0)
    0%
    踩一下
    (0)
    0%
    免责申明:以上内容仅代表原创者观点,其内容未经本站证实,一个帮助你生成iOS文件夹效果的jQuery插件 - App-Folders对以上内容的真实性、完整性不作任何保证或承诺,转载目的在于传递更多信息,由此产生的后果与一个帮助你生成iOS文件夹效果的jQuery插件 - App-Folders无关;如以上转载内容不慎侵犯了您的权益,请联系我们将会及时处理。
    [责任编辑:广信小编]

    精彩图文

    登录 (请登录发言,并遵守 相关规定)
    如果你对广信之家有任何意见或建议,请到交流平台反馈。到留言板反馈