软件 聊天 安全 视频 浏览器 下载 系统 办公 教学 输入法
免费 域名 空间 相册 邮箱 资源 网赚 试用 优惠 工具
教程 设计 三维 学院 办公 网页
素材 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无关;如以上转载内容不慎侵犯了您的权益,请联系我们将会及时处理。
    [责任编辑:广信小编]

    精彩图文

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