equalize.js
用于均衡元素的的高度或宽度的 jQuery 插件。这对于统一页面元素规格的布局非常有用。
均衡 id 为 width-example 的元素的宽度的使用实例:
1
|
$( '#width-example' ).equalize( 'width' );
|
均衡 class 为 parent 的元素的子段落的使用实例:
1
|
$( '.parent' ).equalize({children: 'p' });
|
jQuery Scroll Path
这款插件用于实现自定义路径的滚动效果。使用 Canvas 绘制路径线条和弧形,动画效果形象。
使用实例:
1
2
3
4
5
|
$( ".your-container-element" ).scrollPath({
drawPath: true ,
wrapAround: true ,
scrollBar: false
}); |
freetile.js
Freetile 这款 jQuery 插件,用于高效的组织网页内容为动态、响应式的布局。
使用示例:
1
|
$( '#container' ).freetile({ animate: true , elementDelay: 30 });
|
gridster.js
这款插件用于实现神话般的可拖放的多列网格布局,允许建立直观的跨越多个列的拖动布局元素。
示例 HTML 代码:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
< div class = "gridster" >
< ul >
< li data-row = "1" data-col = "1" data-sizex = "1" data-sizey = "1" ></ li >
< li data-row = "2" data-col = "1" data-sizex = "1" data-sizey = "1" ></ li >
< li data-row = "3" data-col = "1" data-sizex = "1" data-sizey = "1" ></ li >
< li data-row = "1" data-col = "2" data-sizex = "2" data-sizey = "1" ></ li >
< li data-row = "2" data-col = "2" data-sizex = "2" data-sizey = "2" ></ li >
< li data-row = "1" data-col = "4" data-sizex = "1" data-sizey = "1" ></ li >
< li data-row = "2" data-col = "4" data-sizex = "2" data-sizey = "1" ></ li >
< li data-row = "3" data-col = "4" data-sizex = "1" data-sizey = "1" ></ li >
< li data-row = "1" data-col = "5" data-sizex = "1" data-sizey = "1" ></ li >
< li data-row = "3" data-col = "5" data-sizex = "1" data-sizey = "1" ></ li >
< li data-row = "1" data-col = "6" data-sizex = "1" data-sizey = "1" ></ li >
< li data-row = "2" data-col = "6" data-sizex = "1" data-sizey = "2" ></ li >
</ ul >
</ div >
|
示例 JavaScrpt 代码:
1
2
3
4
5
6
7
8
|
$( function (){
$( ".gridster ul" ).gridster({
widget_margins: [10, 10],
widget_base_dimensions: [140, 140]
});
}); |
rcarousel
rcarousel 是基于 jQuery UI 的连续传送带效果插件,支持高度定制和 IE6 等古老的浏览器。
使用示例:
1
2
3
4
5
6
7
8
9
10
11
12
|
< div id = "carousel" >
< img src = "flowers/tulip.jpg" alt = "a tulip" />
< img src = "flowers/rose.jpg" alt = "a rose" />
< img src = "flowers/daisy.jpg" alt = "a daisy" />
< img src = "flowers/sunflower.jpg" alt = "a sunflower" />
< img src = "flowers/pansy.jpg" alt = "a pansy" />
</ div >
< script type = "text/javascript" >
jQuery(function($) {
$( "#carousel" ).rcarousel( {width: 200, height: 200} );
});
</ script >
|
jQuery HiddenPosition
jQuery HiddenPosition 能够定位任何的页面元素,即使它们被隐藏。
turn.js
Turn.js 是一个 JavaScript 库,使您的网页内容看起来像一本真正的书或杂志。使用示例:
1
2
3
4
5
|
$( "#flipbook" ).turn({
width: 400,
height: 300,
autoCenter: true
}); |
BookBlock
这款 jQuery 插件用于创建类似小册子风格的效果,让您通过项目导航翻转页面。
相关推荐
jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件
jquery插件库大全(200个): jqueryQQ表情插件 jquery下拉菜单导航 jquery下拉菜单栏 jquery仿Windows系统选中图标效果 jquery仿京东商品详情页图片放大效果 jquery仿百度新闻焦点轮播 jquery分离布局模版 jquery...
jquery 插件jquery 插件jquery 插件jquery 插件
jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery....
jQuery拖拽布局插件Portal
jQuery布局插件portal
jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件
jquery.layout 布局插件精简版,对依赖ui.core和拖拽进行精简
8款jquery插件打包8款jquery插件打包8款jquery插件打包
jQuery智能布局插件Isotopezip
jMosaic是一款可以将图片或HTML元素均匀分布排列为网格布局的jQuery插件。可以使用的HTML元素有:img、div、li等。该jQuery插件可以将图片等元素整齐排列,元素的宽高比例不会发生变化。
23种Bootstrap导航菜单布局设计jQuery插件
用户注册验证JQuery插件及实例 这一套框架写的比较好,而且有Demo,稍微阅读以下代码就会使用
一款用于表格数据自定义排序的jQuery插件,仿EasyUI,数据列启用自定义排序后,该列标题后将出现向上或者向下的三角形,点击列标题设置新的排序参数。附的例子是asp.net mvc的,但插件是基于jQuery 的,当然可以用于...
AppLikeOnePage.js是一款简单实用的App样式单页全屏滚动布局jQuery插件。通过该插件可以非常容易的创建单页全屏滚动布局,页面不带滚动条,可以通过鼠标或键盘方向键来整屏滚动页面。
jsontree (jquery.treeview.js) jQuery插件版 treeview1.0jsontree (jquery.treeview.js) jQuery插件版 treeview1.0jsontree (jquery.treeview.js) jQuery插件版 treeview1.0jsontree (jquery.treeview.js) jQuery...
Ddreamweaver jquery 插件 Ddreamweaver jquery 插件Ddreamweaver jquery 插件 Ddreamweaver jquery 插件 Ddreamweaver jquery 插件 Ddreamweaver jquery 插件 Ddreamweaver jquery 插件
gridstack.js是一款响应式可拖拽的元素组件网格布局jQuery插件。该jQuery插件允许你创建给予Bootstarp v3的响应式可拖拽的网格布局界面,可以用于制作可拖拽的多列网格布局。并且它还可以支持触摸屏设备。
jQuery的Cookie插件 cookies cookies 是一个强大的 jQuery 用来操作 Cookie 的插件。除了常见的操作 $.cookies.set( 'sessid', 'dh3tr62fghe' ); var sessid = $.cookies.get( 'sessid' ); $.cookies.del( 'sessid...
推荐10款jQuery插件.zip jQuery标签插件 jQuery表单插件 jQuery File Upload-jQuery上传插件 jquery.barrager.js专业的网页弹幕插件 jquery定时器 jQuery记录历史搜索框 jQuery密码强度提示插件 jquery实现宽度...