当前位置:首页 > 技术分析 > 正文内容

10个最有趣的jQuery Grid插件

ruisui8815小时前技术分析1

6. jQuery Portfolio

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

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

7. jQuery MatchHeight

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

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

8. Photoset Grid

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

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

9. Shuffle

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

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

10. jQuery Gridly

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

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

本站文章除注明转载外,均为本站原创或翻译

扫描二维码推送至手机访问。

版权声明:本文由ruisui88发布,如需转载请注明出处。

本文链接:http://www.ruisui88.com/post/4668.html

标签: jq添加元素
分享给朋友:

“10个最有趣的jQuery Grid插件” 的相关文章

VUE-router

七.Vue-router1、什么是vue-routervue-router是vue.js官方路由管理器。vue的单页应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来。传统页面切换是用超链接a标签进行切换。但vue里是用路由,因为我们用Vue做的都是单页应用,就相当于只有一个主的i...

Vue实现动态路由

通常我们在vue项目中都是前端配置好路由的,但在一些项目中我们可能会遇到权限控制,这样我们就涉及到动态路由的设置了。动态路由设置一般有两种:(1)、简单的角色路由设置: 比如只涉及到管理员和普通用户的权限。通常直接在前端进行简单的角色权限设置(2)、复杂的路由权限设置: 比如OA系统、多种角色的权限...

three.js cannon.js物理引擎之齿轮动画

今天继续说一说cannon.js物理引擎,并用之前已经学习过的知识实现一个小动画,知识点包括ConvexPolyhedron多边形、Shape几何体、Body刚体、HingeConstraint铰链约束等等知识。因为我之前用纯three.js 的THREEBSP实现过一个静态的齿轮,现在就想配合ca...

微信小程序发展越来越快,Flutter应用开发越来越低效?

目前的疑惑微信小程序发展的越来越快,目前小程序甚至取代了大部分 App 的生态位,公司的坑位不增反降,只能让原生应用开发兼顾或换岗进行小程序的开发。以我的实际情况来讲,公司应用采用的 Flutter 框架,同样的功能不可避免的就会存在 Flutter 应用开发和微信小程序开发兼顾的情况,这种重复造轮...

面试官:给我说说什么是同步异步?

今天是刘小爱自学Java的第95天。感谢你的观看,谢谢你。话不多说,开始今天的学习:一、同步、异步请求浏览器发送请求给服务器,其有同步请求和异步请求两种方式。1同步请求什么叫同步请求呢?就是在发送一个请求之后,需要等待服务器响应返回,才能够发送下一个请求。之前学的请求是通过浏览器地址栏发送请求,这种...

山西省就业见习服务平台上线

25日起,单位申报见习岗位和个人申请就业见习均可网上办理4月21日,记者从山西省人社厅获悉,我省就业见习服务平台在省人社厅门户网站(https://rst. shanxi.gov.cn/)上线。从4月25日起,单位申报见习岗位、个人申请就业见习均可登录该平台,全程在网上办理。打开省人社厅官网,山西省...