【特别推荐】创建响应式页面框架开发的最佳JQUERY插件
在过去的一年中页面响应设计被广泛的开发使用,例如瀑布流,页面动态布局实时变化等,他对web开发人员的能力要求是越来越高,因此需要响应设计的方法应运而生,它要求网页设计方面提高开发人员和设计人员都在比以往任何时候都更加努力设计和编码,在其努力提高用户端的界面,以及设计各种移动设备方面的响应页面。(移动设备的屏幕尺寸,平台,方向等等),有那么一些jquery响应插件,可以帮助你你实现网页设计响应。所有这些jQuery的网格插件有一个令人印象深刻的特性,功能,
下面我们收集了2012年这些有用的插件和框架教程,这可能是适合您的网站相关的需求,
这些文章可能你也喜欢
使用jquery打造一个动态的预览产品颜色效果分享10个最佳JQuery的触摸功能的滑块插件
推荐2012年11月10个新鲜的jQuery插件
向web开发人员推荐15个非常优秀的jquery工具提示插件
提高页面响应的20款杰出的jquery插件推荐
1。GRIDSTER:可拖拽的网格插件
Gridster是一个jQuery插件,来构建直观的可拖放的布局,支持多列布局,你还可以动态的添加和删除表格中的元素。Gridster支持Internet Explorer 9+,火狐,Chrome,Safari和Opera。演示
2。FLEX:流体的非对称动画网格的JQUERY插件
Flex是一个流体不对称的动画网格的jQuery插件。鼠标经过时,网络可以被扩大。演示
3。FREETILE:类似于Pinterest的布局插件并且不固定列宽度
Freetile是一个jQuery插件,能够使网页的内容组织在一个高效,动态和响应的布局中。它可以应用到一个容器元素,它会尽可能在它的布局中安排它的子元素,使屏幕空间得到最佳的使用。它允许不指定一个固定大小的列网格,就能够将任何尺寸的元素包装在一想。所以你不必担心指定列的宽度适当的大小的元素。。演示
4。GRIDDY:自定义网格覆盖的JQUERY插件
Griddy是一个jQuery插件,他创建一个简单的,可定制的网格覆盖在任何元素上。它也可以会自动根据行/列的数量计算行高和列宽。有几个选项,包括:行,行高,列,宽度,颜色和不透明度。演示
5。JSQUARES:图像网格插件,在弹出的图片上显示图片文字信息
jSquares是一个jQuery插件,在弹出的图像上显示覆盖说明。有一些参数可以使用,当你调用jSquares,例如,字幕大小,透明度。演示
6。JQGRID :JQUERY网格插件
jqGrid是一个Ajaxed的jQuery网格插件,他是一个客户端数据表解决方案的不二选择,他是将数据加载Ajax回调显示,它可以使用任何服务器端语言,如ASP,PHP,ASP.NET,JSP等,并且附带中文版本。演示
7。JPHOTOGRID:可缩放的JQUERY图片廊
jPhotoGrid是一个简单,轻量级和易于使用的jQuery插件,能够帮助你创建漂亮、可缩放的照片展示控件。演示
7。JQUERY 基于jquery的图片淡入淡出切换效果插件
diagonalFade 图片淡入淡出切换效果插件,用来生成各式各样的淡入淡出效果,自带的示例就是一个很好的教程,来自国外的插件,希望大家喜欢演示,
8。Flexigrid:功能丰富的数据网格的JQUERY插件
Flexigrid是一个功能丰富的数据网格,他可以可调整列的大小的和滚动数据相匹配的标题,再加上连接到一个基于XML的数据源,使用Ajax加载的内容。演示
9。Grid-A-Licious:响应式的网格JQUERY插件
Grid-A-Licious是一个jQuery插件,使我们能够轻松地创建Pinterest的类似浮动网格布局。这个插件使用更加完整的响应式实现,你不需要定义固定的宽度,它自己会根据不同的设备来自动的选择浮动,不需要使用absolute方式来定位元素。除此之外还提供了一些选项来帮助你自定义插件选项。1.宽度2.动画速度3.持续时间4.特效5.其它演示
10。OPENJS GRID
OpenJS是一个用户友好的DataGrid中显示记录解决方案。它作为一个jQuery插件和PHP文件来处理Ajax请求,可以调用一个简单的/一行或者多行功能,可以根据分页和每列进行排序。演示
11。34 GRID : 新型网页网格系统
4Grid是一个负责任的网格系统的基础上均匀分布列“布局的基础。对比其他大电网系统(见页底),34Grid提供均匀分布的列的每一行。(也列补充不平等分布) 如果你已经很熟悉了电网系统和响应性的Web设计创建和下载包,看看里面是什么。否则,你可能会开始调整您的浏览器窗口。。演示
12。RESPONSIVE GRID SYSTEM
RESPONSIVE GRID SYSTEM不是一个框架或一个样板,而是一个快速和简单的方法来创建响应的网站。它不会限制我们有一个12,16或24列当中,,可以扩展到任何宽度。演示
13。GOLDEN GRID SYSTEM:用于创建响应设计
Golden grid system是一个流体宽度的网格系统,其功能是作为用于构建响应网站的一个起点。分割屏幕为18个偶数列,其中两个用作外边缘,其余16列用于设计。而且,它们可以被转换成8列或4列(或折叠)。完成折叠过程是通过media queries,
通常情况下,Golden grid system使用水槽比例的屏幕可以显示的内容。Golden grid system具有弹性槽沟,永远留在比例的内容。演示
14。SIMPLE GRID:轻量级的响应式 CSS 网格系统
使用网格进行网页设计已经是潮流,但是现在有很多 CSS 框架都提供网格功能,用来控制网页上每个元素的位置,但是这些 CSS 框架都是太多功能,而有时我们仅仅需要一个简单的网格系统。Simple Grid 就是一个这样的简洁的 CSS 框架,并且它还是基于响应式布局设计。演示
15。Responsive:开发响应网站的CSS框架
Responsive GS 是一个流体网格 CSS 框架,用于快速开发响应式的 Web 网站。Responsive GS 提供三种风格:12、16 和 24 列,使用 media queries 支持所有标准设备。。演示
本文地址【特别推荐】创建响应式页面框架开发的15个JQUERY插件
123