分享JQuery动画插件Velocity.js的六种列表加载特效。在这款实例中给中六种不同的列表加载效果。分别为从上飞入、从右侧飞入、从左侧飞入、和渐显。一起看下效果图：在线预览   源码下载实现的代码。html代码：<h1>Velocity.js<i>slice+...

之前为大家介绍过一款纯css3实现的圆形旋转分享按钮。今天要给大家带来一款基于jquery的圆形动画按钮。这款按钮鼠标经过的时候以边框转圈，然后逐渐消息，在实例中给出了四种颜色的demo。效果图如下：在线预览   源码下载实现的代码。html代码：<figureclass='red'...

之前分享了很多css3实现的按钮。今天要给大家带来一款基于jquery和css3实现的摩天轮式分享按钮。这款分享按钮页面底部有一个toggle按钮，单击该按钮，摩天轮按钮以动画的形式出现，各个分享按钮挂在摩天轮上。效果图如下：在线预览   源码下载实现的代码。部分html代码：<di...

今天要给大家带来一款基于jquery带百分比的响应式进度加载条。这款加载条非常漂亮，而且带有进度的百度比，且在不同的百分比用的是不同的颜色。而且这款加载条采用了响应式设计，在不同的分辨率的显示器下完美支持。一起看下效果图吧。在线预览   源码下载实现的代码。html代码：<h1>...

之前我们有分享过很多jQuery手风琴样式的菜单，比如CSS3手风琴下拉菜单。今天要分享的jQuery手风琴效果很特别，它是手风琴样式的相册图片展开效果。我们只需点击图片缩略图即可展开当前的图片，并将其他的图片收缩起来。在线预览   源码下载实现的代码html代码：<articlei...

之前已为大家介绍了好多css3实现的导航菜单。今天分享一款基于jquery滑动后固定于顶部的导航。这款导航的特点是初始位于顶部下面一百个像素，当鼠标滚动时到下方，导航一直处于顶部。效果图如下：在线预览   源码下载实现的代码。html代码：<h1>Scrolldown</...

今天为大家带来一款由jquery实现的超炫的页面加载特效。连续的几个页面分开特效。最后由三维的线条由远至近消失，然后由近至远出现。效果超级梦炫。一起看下效果图：在线预览   源码下载实现的代码。html代码：<svgxmlns="http://www.w3.org/2000/svg"...

2014年响应式设计成为设计主流。今天要给大家带来一款由css3和jquery实现的响应式设计导航。当显示器为pc时，导航为横条。当客户端为移动端时，呈现坚形导航。我们一起看下效果图： 在线预览   源码下载 实现的代码。html代码：<header><...

今天要为大家绍一款由jquery实现的鼠标单击出现水波特效。用鼠标猛点击页面，你可以看到页面不断出面水波纹效果。然后水波纹渐渐消失。效果非常不错。我们一起看下效果图： 在线预览   源码下载 实现的代码。html代码：<divid="container">&...

之前已经为大家介绍了好多导航菜单。今天为大家再带来一款由css3和jquery实现的卡片折叠式菜单。当菜单关闭的时候，有三维堆叠的效果。我们一起看下效果图： 在线预览   源码下载 html代码：<divid="wrapper"><h1><...

今天要为大家带来一款由jquery实现的整屏切换特效，在右侧有圆型小标，每点一个切换一屏。当然，你也可以滚动鼠标来切换页面。效果非常好。我们看下效果吧 在线预览   源码下载 html代码：<divclass="wrapperactive-page4">&l...

今天为给大家介绍一款基于jquery超炫的图片切换特效。由百叶窗飞入显示图片。图片消息的时候也是百叶窗渐行渐远。用于图片展示，效果还是非常好，我们一起看下效果图： 在线预览   源码下载 来看下实现的代码。注意了，这里有引用jquery和underscore插件。htm...

今天为大家带来的是一款由jquery和css3实现的超级梦幻的背景效果。绿色的小原点由远到近，由近到远一种飞跃效果。效果非常好看，我们一起看下效果图： 在线预览   源码下载 我们一起看下实现的代码。这是一款由jquey和css3实现的效果。这里引用的是jquery11...

今天要为大家带来一款非常实用的jquery列表筛选插件，效果非常好。单击某项的时候动画筛选该项的列表。我们一起看下效果图： 在线预览   源码下载 我们一起看下实现的代码：html代码：<divclass="row"><divclass="small-...

之前为大家介绍了一款jquery和css3实现的很酷的菜单导航。这是一款由jquery开发的导航菜单。适合放在门户网站的个人用户中心后台。效果和美观都非常不错。我们先一起看看效果图： 在线预览   源码下载 一起看下实现的代码：html代码：<navclass="...