本技击集了10款很是有趣的jQuery插件,这些插件涉及幻灯片、UI对话框、图像过滤等多种分歧形式。 1. Rotating Slider with Easing 这是一个幻灯片插件,可以让图片沿其垂直轴线自动翻转。 演示 2. NyroModal v2 设计人员似乎越来越喜欢使用模式窗口(modal window),因为它们供给了一个快捷的体例来显示数据而不必重载整个页面。该插件易于使用且轻易设 ...
本技击集了10款很是有趣的jQuery插件,这些插件涉及幻灯片、UI对话框、图像过滤等多种分歧形式。
1. Rotating Slider with Easing
这是一个幻灯片插件,可以让图片沿其垂直轴线自动翻转。

演示
2. NyroModal v2
设计人员似乎越来越喜欢使用模式窗口(modal window),因为它们供给了一个快捷的体例来显示数据而不必重载整个页面。该插件易于使用且轻易设计。在它的plugin页面可以找到演示。

3. rlightbox
这是一个jQuery UI媒体盒(MediaBox),可以显示多种类型的内容,搜罗图像、视频(YouTube或是Vimeo)等。它拥有良多功能,实现高度定制化。在膳缦沔页面即可找到示例演示。

4. Portamento
该jQuery插件使你可以轻松在页面添加滑动(流动)面板功能。

演示
5. jCallout
Callout(标注)是一个可扩充的div,可觉得元素添加一个或多个文字或是图像链接。

演示
6. jFL – Fluid Adaptive Layout
jFL——流动(自顺应)结构插件:可以自动调整div尺寸、字体巨细及div位置。

演示
7. Images filter
很好的图像过滤体例。

演示
8. multiselect
这是一个jQuery UI插件,可以将有多个选择内容的组合框转换为下拉菜单样式。

演示
9. Flippage
Flippage插件可以将div中内容转换为书籍样式(实现翻页)。它也可以用在触控设备上。

演示
10. FerroSlider
该插件让你可以用一个非同平常很是酷的体例来编排网站的内容,而且经由过程一个滑动的体例来导航它们。最终效不美观近似于Mac或Linux的多重桌面。

演示(点击下方的小圆点)
Via script-tutorials
声明:本文内容来源自网络,文字、图片等素材版权属于原作者,平台转载素材出于传递更多信息,文章内容仅供参考与学习,切勿作为商业目的使用。如果侵害了您的合法权益,请您及时与我们联系,我们会在第一时间进行处理!我们尊重版权,也致力于保护版权,站搜网感谢您的分享!