jQuery之家
自由分享jQuery、html5和css3的插件库
最新插件
171
布局和界面
Read More
点击查看详细内容
Frosted Panel 是一款使用js编写的炫酷毛玻璃特效插件。您通过简单的配置，既可以生成非常炫酷的半透明模糊的毛玻璃效果。
304
CSS3动画
Read More
点击查看详细内容
这是一款CSS3带方向感知的鼠标悬停图片动画特效。该特效在鼠标悬停到一组图片上面时，图片会根据鼠标所在位置发生旋转，并且旋转的角度始终根据鼠标所在位置而变化。
464
Lightbox和对话框
Read More
点击查看详细内容
popupWindow.js是一款jQuery弹出层窗口插件。该插件能够轻松的制作弹出层模态窗口效果。弹出的窗口支持最大化、最小化、拖拽、改变尺寸等功能。
488
html5 canvas
Read More
点击查看详细内容
pagemap.js是一款基于canvas的web页面mini导航面板插件。该插件可以为web页面制作出类似sublime编辑器右侧的mini导航面板效果。
641
html5 canvas
Read More
点击查看详细内容
这是一款基于WEBGL框架OGL的鼠标滑动图片变形特效。该特效在鼠标移动时，背景图片会产生跟随变形特效，非常炫酷。
762
UI界面设计
Read More
点击查看详细内容
这是一款使用纯CSS3制作的Material Design风格单选框和复选框插件。该插件只需引入指定的CSS文件，然后配合特定的HTML结构，就可以生成漂亮的Material Design风格单选框和复选框。
836
UI界面设计
Read More
点击查看详细内容
这是一款简洁的商品网格列表布局动画特效。该视频网格列表布局采用卡片网格布局的方式进行布局。当鼠标悬停到视频图片上面的时候，图片会轻微的放大，并出现操作图标。
880
html5 canvas
Read More
点击查看详细内容
这是一款基于Threejs可着色和旋转的3D模型动画特效。该特效中，通过鼠标的拖动和滚动，可以旋转和缩放3D模型。最大的特点是你可以对模型的各个部分进行自定义着色。
907
SVG
Read More
点击查看详细内容
这是一款基于SVG的js圆形菜单插件。该js圆形菜单插件可以生成漂亮的圆形菜单效果，支持二级菜单，支持使用鼠标滚动切换菜单。
1389
html5 canvas
Read More
点击查看详细内容
这是一款基于HTML5 WebGL的图像扭曲变形动画特效。该特效中，通过Three.js来制作从一幅缩略图，扭曲变形为全屏大图的动画特效，共有6种炫酷的动画效果。
1080
CSS3动画
Read More
点击查看详细内容
这是一款css3彩色进度条动画特效。该CSS3进度条动画特效中包含了三种动画特效，它们通过HMTL代码和简单的CSS3来实现彩色进度条的不同动画效果。
1241
CSS3动画
Read More
点击查看详细内容
这是一款css3炫酷3D立方体预加载loading特效。该特效通过简单的HTML元素和CSS3代码，构建几个立方体不停运动的动画特效，适用于做页面的loading效果。
980
表单
Read More
点击查看详细内容
combo-tree是一款jQuery带多选和过滤功能的树状结构下拉框插件。通过该插件，可以在下拉框中生成指定数据结构的目录树，提供单选和多选，以及过滤功能。
1136
表单
Read More
点击查看详细内容
这是一款基于Bootstrap4的material design风格表单插件。该插件能够将bootstrap4的输入框和文本框转换为material design风格的浮动标签效果。
1404
图片效果
Read More
点击查看详细内容
ProgressBar.js是一款jQuery图片加载loading加载层动画插件。该插件在图片加载时，为图片添加垂直的图片逐渐显示效果，非常炫酷。
2202
幻灯片和轮播图
Read More
点击查看详细内容
stackedCards是一款js堆叠卡片轮播图插件。该插件可以制作出类似卡片堆叠的轮播图效果，支持滑动和扇形两种模式。
最新教程
对于元素间的空格，IE9以前的版本不会返回文本节点，而其他浏览器都会将空格当做是文本节点返回。这就导致了在使用childNodes和firstChild的属性时行为的不一致。为了弥补这一差异，而...
2017-09-08
在传统的javascript中，要完成类名的删除非常麻烦。在HTML5中新增了一个操作类名的方式，可以让操作更加简单安全，这个方式就是为所有的元素添加classList属性。...
2017-08-23
viewport是什么？通俗的讲，viewport是用户网页的可视区域。移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域。...
2017-08-09
ECMAScript5为数组提供了类似栈结构的方法。栈是一种LIFO（Last-In-First-Out）的数据结构，即最先添加到容器中的项目最早被移出。这种数据结构可以限制插入和删除项目。...
2017-07-26
ECMAScript5为数组定义了2个归并方法：reduce()和reduceRight()。这两个方法都会迭代数组的随意项，然后构建一个最终返回的值。...
2017-07-12
ECMAScript5为数组定义了5个迭代方法。分别是every()、filter()、forEach()、map()和some()方法。...
2017-07-05
在上传图片到服务器之前，我们希望可以预览一下要上传的图片。这个功能可以通过HTML5 的FileReader()方法来实现。...
2017-06-22
在HTML5中新增了许多新特性，其中placeholder就是其中之一。placeholder属性规定可描述输入字段预期值的简短的提示信息。该提示会在用户输入值之前显示在输入字段中。...
2017-05-31
作为一个网站开发者，你就必须要知道用户是否禁用了浏览器的Cookie功能，从而编写相应的代码。你可以通过下面的代码来检测浏览器是否支持Cookie功能。...
2017-05-26