彩票走势图

10个最有趣的jQuery Grid插件(2/2)

原创|行业资讯|编辑:郑恭琳|2015-09-02 11:04:55.000|阅读 628 次

概述:jQuery为广大用户提供了一种简单的方法来选择HTML元素和操作DOM,并且能更加动态、更加灵活的前端布局。下面为大家介绍一下10大最有趣的jQuery网格插件。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

6. jQuery Portfolio

如果你想设计一个时尚组合的网站jQuery Portfolio 插件是一个不错的选择。

jQuery Portfolio

你可以在网格中设置列的数目以及想要的jQuery过渡效果。 jQuery Portfolio插件在移动设备的响应效果也很好,所以不用担心在移动设备上的用户体验。

7. jQuery MatchHeight

jQuery MatchHeight插件允许你用一种特殊的jQuery网格使得所有选中元素的高度完全相等。 MatchHeight自动匹配在同一组中的元素高度,并灵活处理浮点元素和包装。你可以使用这个插件来漂亮的放置项目。

jQuery MatchHeight

你可以使用一个最大高度作为基准,或定义一个特定的目标元素,然后MatchHeight将会确保其它元素不会比这更大。它有一个Data API使你可以使用HTML5文件里内联< script>标记中的数据属性。

8. Photoset Grid

如果你喜欢tumblr的Photoset功能,那Photoset Grid jQuery插件就是专门为你设计的。这个方便的前端工具就是基于Photoset功能将图像转换成灵活的网格。这个插件的原始版本是用于创建Tumblr主题,后来开发团队决定给设计人员机会让他们在该插件中自己设计。

Photoset Grid

如果你想在你自己的Tumblr主题添加Photoset Grid,你可以在自定义代码段嵌入自己的代码。大概这个插件最酷的功能可能就是在图像网格中加入了Lightbox。你可以在点击其中一张图片感受一下。

9. Shuffle

你是否曾经想要一个灵活的图像网格,你可以进行分类、排序和筛选项目?如果是的话,你一定要试试Shuffle。这个插件做出来的网格非常漂亮,特别是因为它在页面加载时加了一个很酷的洗牌效果。

Shuffle

项目可以被添加到多个组,然后用户可以通过组来过滤它们,因此这是一个很好的用户体验。该插件给列出的项目所属类别图像增加了微妙的文字说明。你可以在JavaScript变量的帮助文档下设置很多选项,如洗牌效果的速度、装订线的宽度、列的宽度等。

10. jQuery Gridly

jQuery Gridly 是实现触摸设备上网格布局的不二选择。这个插件允许用户在屏幕上拖拽项目。无论是托还是拽,调整大小的功能都会根据触屏手势进行反应。

jQuery Gridly

用户可以关闭他们不喜欢的图像,在图像关闭之后页面会通过很酷的效果重新排列布局。而且jQuery Gridly很容易在Rails 应用上与Ruby集成使用。

翻译自:转载请注明本文转载自慧都控件网


标签:JavaScript jQuery

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn


为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP