snabbt.js是一款轻量级的、功能强大的、简单易用的jQuery动画库插件。snabbt.js的每秒传输帧数(刷新率)达到60FPS,即使是移动设备上也能达到这个数值。它的大小只有4KB,非常轻便。使用snabbt.js可以很容易的将元素移动、旋转、放大缩小、倾斜和改变元素的大小。通过使
2018-02-04 01:25jquery-lighter是一款炫酷jQuery图片预览Lightbox插件。安装插件要使用这个lightbox插件,首先需要引入必要的文件:jQuery和jquery.lighter.js以及jquery.lighter.css文件。 script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js" ty
2018-02-04 01:25这是一款效果非常炫酷的jQuery带遮罩无限循环loading加载动画插件。通过该loading加载动画插件,你可以为任何元素通过切换class的方式来显示进度条,并且可以带有遮罩效果。遮罩效果是通过CSS来完成的。HTML结构使用不带遮罩效果的loading加载动画的html结构如下:
2018-02-04 01:25这是一款非常实用的 jQuery 内容过滤器插件。一个设计良好的内容过滤系统能够为用户带来最佳的体验和方便。如果你的网站有大量不同类别的内容,例如一个商务网站,那么使用这个内容过滤器系统能够使客户非常容易的就找到他们想要的商品。在这个内容过滤器系统中使用了 jQ
2018-02-04 01:25这是一款使用 jQuery 和 CSS3 制作的图片画廊Lightbox插件。该插件中使用CSS3来为图片制作阴影和旋转效果,并使用jQuery来在点击图片的时候制作淡入淡出的图片放大效果。HTML结构HTML结构采用section作为wrapper。图片部分分为两部分:div class="span-6 column rotated"
2018-02-04 01:25这是一款效果炫酷的 jQuery 和 CSS3 翻页效果幻灯片插件。该插件使用了jQuery来激活 CSS 3D transforms 来制作翻页特效,HTML结构HTML结构比较简单,div.content是可选的。 div id="flipbook"div class="slide"img src="images/1.jpg" alt="" / div class="content"a
2018-02-04 01:25这是一款使用 jQuery 制作的绚丽全屏飘雪花特效插件。使用该下雪效果插件可以为你的网站添加非常酷的飘雪效果。它和使用HTML5 canvas制作的下雪场景动画有异曲同工之妙。对于使用 Firefox 3.5+、Safari 或 Chrome浏览器的用户,可以看到下雪场景中的雪花有深度层次感和旋
2018-02-04 01:25CSSslidy是一款使用CSS和js制作的自动生成响应式的轮播图插件。使用方法确保你使用的图片的尺寸大小一样。使用一个 id 为 slidy-container 的div作为wrapper,里面放置一个 id 为 slidy 的figure,最后在 figure 里面放置图片。div id="slidy-container"figure id="slidy
2018-02-04 01:25这是一款非常实用的错误图片链接修补jQuery插件。在网页中可能会存在链接错误的图片,这时图片显示的是alt的内容或难看的缩略图。如果能自动检测页面上的错误图片链接,在将它们更换为指定的图片,来提示用户这时一张链接错误的图片,将是一种十分好的用户体验。基本使用
2018-02-04 01:25jqthumb是一款实用的响应式按比例生成图片缩略图的jQuery插件。jqthumb可以按照用户设定的比例、尺寸、位置等属性来生成新的缩略图,在老的浏览器中它还能够替代background-size属性。jqthumb兼容性超强,可以工作在所有现代浏览器甚至是IE6+上,jQuery 1.3以上版本即可运
2018-02-04 01:25现在已经有许多的javascript动画库插件,如 snabbt.js ,它们每一个都有自己的优点和不足。每个程序员和每个项目都有其特定的要求,所以有时一个动画库可能不能满足我们的需要。我们并不建议你放弃那些已经存在的动画库而去自己编写一个新的动画库,即使你有这样的能力。
2018-02-04 01:25这是一款效果非常炫酷的jQuery和CSS3 3D旋转画廊特效插件。第一个DEMO是一个简单的例子,使用CSS3来制作3d旋转效果,然后用js来控制前后导航按钮。第二个DEMO是第一个DEMO的升级版,它增加了图片标题、查看图片、键盘控制等其它功能。插件中精美的插画来自于花瓣。HTML结
2018-02-04 01:25这是一款效果炫酷的jQuery和CSS3 3D拉窗帘式导航特效。该特效使用CSS transformations 和 jQuery使两块“窗帘”沿Z轴方向模拟被拉开的效果。HTML结构HTML结构十分简单:使用两个section来作为wrapper。每个section中包含一个 div.cd-block 和一个 div.cd-half-block 。第
2018-02-04 01:25FitText.js是一款非常经典的jQuery响应式标题文字插件。FitText可以灵活的动态改变 font-sizes 字体大小。可将这个插件用于响应式页面设计的标题文字。如何使用首先要在页面的头部引入jQuery和jquery.fittext.js文件。script src="http://libs.useso.com/js/jquery/1.9.1
2018-02-04 01:25textillate.js是一款效果炫酷的jQuery和css3文字动画特效库插件。它通过结合其它一些动画库来制作各种CSS3文字动画特效。如何使用基本的html结构如下:h1 class="tlt"My Title/h1在页面的头部引入jQuery和jquery.textillate.js文件。script src="http://libs.useso.com/j
2018-02-04 01:25TheaterJS是一款模拟打字机效果的js打字机效果插件。使用方法可以使用下面的js代码来调用TheaterJS制作打字机效果:var theater = new TheaterJS();theater.describe("Vader", .8, "#vader").describe("Luke", .6, "#luke");theater.write("Vader:Luke.", 600).write("Lu
2018-02-04 01:25这是一款效果非常逼真的jQuery模拟水果机特效插件。安装配置你可以使用 Bower 阿狸安装这个水果机插件:$ bower install jquery-slotmachine --save然后需要在页面的头部引入 jQuery 和 jquery.slotmachine.min.js 文件。script type="text/javascript" src="http://libs
2018-02-04 01:25这是一款用于信息提示的jQuery点击弹出侧边栏提示面板特效插件。当用户点击某个按钮、超链接或进行某些操作后,该插件可以在屏幕的上、下、左、右四个方向弹出一个信息提示面板,来告诉用户操作的结果。使用方法要使用这个信息替代插件,首先要在页面的头部引入notifyme.
2018-02-04 01:25jquery.top-droppable是一款非常实用的jQuery UI拖拽拖放插件。在演示的demo中,我们集成了一个非常棒的提示插件 SweetAlert,用于显示提示信息。使用方法要使用这个拖拽拖放插件,首先要在页面的头部引入 jQuery 和 jQuery UI 以及 jquery.top-droppable.js 文件script
2018-02-04 01:25Quicksand是一款使用 jQuery 和 html5 制作的超酷图片分类插件。HTML结构Quicksand会将一个列表项替换为另一个列表项。你需要做的就是提供两个列表。可以通过下面的几种方式来提供列表:可以使用普通的HTML列表,如一个无序列表。可以通过AJAX回调来添加一个列表。通过ja
2018-02-04 01:25