40个让你的网站更加友好的jQuery插件(2)浏览数:448次
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许可。 16. Hide/Show Password Plugin
Hide/show Password插件让你轻易隐藏和显示密码输入栏中的内容。这个插件最酷的部分就是”innerToggle“选项。当设置为开的时候，它可以很容易创建漂亮隐藏/显示 控件，你可以定制自己喜欢的样式。在触屏浏览器中，你滑动的时候它甚至能保持输入焦点。 17. Readmore.js
Readmore.js是一个平滑的，轻量的jQuery插件，用于折叠和展开大段的文本。并带有“阅读更多”和“关闭”链接。 Readmore.js所需的标记语言极其轻量而简单。不需要div层的复杂设置或者硬编码的类名，只需要在包含大段文本的元素里调用.readmore()，Readmore.js就会帮你处理剩余的工作。 18.向上滚动
ScrollUp是一个轻量级jQuery插件，它可以简单的创建适用于任何网站的用户自定义“向上滚动”特性。给activeOverlay设置一个可用的CSS颜色，这样你可以创建一个可见的线条帮助你决定一个适合的高度(出现向上滑动的标识,译注)。 19.FlipClock.js
FlipClock.js是一个可呈现任何和时间相关的可重复性特效的jQuery插件。FlipClock.js可支持作为一个时钟，倒计器和计时器，同时用户也自定义完整的CSS来改变它的外观。它有可以自动开始的选项，还有很多回调方法来控制 (start,stop,getTime,setTime...)。同时，它也有可以增加功能的全功能API。 20. Mobiscroll
Mobiscroll是用于触摸设备(安卓手机，iPhone，Galaxy平板)的旋转滚轮/日期和时间选择器的jQuery插件。这个控件能轻易地定制来支持任何常规值并能用于常规选择控件(下拉列表)作为直观的选择项。这种控件可以更换主题，你可以在CSS里更改外观。它还带有预定义，漂亮的配色方案，并通过了IOS4，Android 2.2，Android 2.3,Chrome,Safari,Firefox和IE9的测试。
|
