11. Twenty Twenty 
TwentyTwenty 是一个视觉扩散工具,非常容易的就能够辨认出它们。它的原理是两张图片互相堆叠在对方的上面。当滑块移动通过整个图像的时候,它利用css的属性来调整左侧的图像。这允许右边的图像显示通过容器。 下载
12. SMint 
Smint 是一款简便的jQuery插件,她可以帮助你实现一页风格网站的导航。她由两个元素组成,一个是粘性的导航条,他可以在你滚动你的页面时停留在整个页面的顶部;另一个是菜单按钮,它可以自动地让页面滚动到你锁点击的区域。SMINT是一个简单的插件,她又一个选项可以控制页面的滚动速度。她的默认速度是半秒钟,当然你也可以把她设置到任意你想要的时间。下载的组件中还包含有例子,她们都可以免费的作为您单页网站的惹眼的模板。 下载
13.Loda Button:加载时的动态按钮

Loda Button 是一款简易的jq插件动态按钮图标,在等待从服务器获取数据时使用。loda-btn和loda-icon的样式被用在了这款插件的按钮组件中。他的样式十分简单,并且放置在loda-button.css文件中。此组件的动态效果是使用支持Chrome,Firefox,Opera和IE10的css3的animation,transitions和transforms实现的。 资源 14. Pop Easy 
PopEasy是一个轻量jQuery插件,它是任何一个像轻易创建模态窗口的开发者所必备的。通过在你的页面上应用一个遮罩效果并弹出一个定制的模态窗口,来让你的焦点放在重要的信息上。 要在页面上使用多个模态窗口,你必须在你希望打开的div层中同步id触发器的href属性。这种工作原理和从一个弹出的模态过渡到另一个模态的原理是一样的。只需要在你希望离开的模态窗口中放置一个href连接,它和另一个模态的id相匹配。 源码
15. Reveal 
Reveal很了不起,实现起来也简单,是一个跨浏览器并兼容现代浏览器(还带有优雅降级功能)。同时它很轻量,只有1.75KB。设置Reval模态只需要三步。附加所需文件,放入模态的标记处然后给你的按钮添加属性。Reval遵守MIT许可。 源码 |