本文将介绍 20 个最新的 jQuery 效果,还有值得一提的是 8 月份jQuery 发布移动设备版本 jQuery Mobile。
1. Custom Animation Banner with jQuery
通过使用 jQuery Easing和 j Query 2D Transform插件,创建自定义 animation banner。
View Demo(查看示例)
2. 快速反馈表 – jQuery & PHP
Martin Angelov 将教你如何快速的创建用于接收来自用户反馈的解决方案,使用到了 jQuery, PHP 和 PHPMailer 类。
View Demo(查看示例)
3. Wijmo – jQuery UI 组件
Wijmo 是一个 jQuery UI 组件集,有超过 30 多个 jQuery UI 组件;这将是一个 CSS3,SVG,HTML5 的混合物,目前还处于 Beta 阶段。
View Demo(查看示例)
4. 页面导航 – jQuery 插件
这是一个页面上的导航插件,基于 jQuery ScrollTo 插件,你可以在 Github上查看更多介绍。
View Demo(查看示例)
5. RSS Reader With jQuery Mobile
Jeffrey Way 创建了一个简单的 RSS reader,主要用于 iphone 和 Andriod 手机,通过 PHP 和 jQuery mobile 实现。
View Demo(查看示例)
6. Easy Accordion – jQuery 插件
The Easy Accordion 插件可以生成一个类似手风琴样子的自定义列表。
View Demo(查看示例)
7. Lettering – jQuery Typography Plugin
Lettering 是一个轻量级易于使用的网页排版插件,例如印刷 CSS3 的海报,自定义类型的标题等。
View Demo(查看示例)
8. Annotation Overlay Effect with jQuery
创建一个简单的叠加效应
View Demo(查看示例)
9. Snippet – jQuery Syntax Highlighter
Snippet 是一个很酷的 jQuery 语法高亮插件,基于 SHJS 脚本,你可以在 SourceForge 上找到源码。
View Demo(查看示例)
10. Google Powered Site Search With jQuery
教你如何创建一个自定义的搜索引擎,只需要使用 Google AJAX Search API,你可以搜索到您网站上的图片,视频和新闻等 ……
View Demo(查看示例)
11. 简单的工具提示 – jQuery & CSS
Soh Tanaka 创建一个简单的 jQuery 和 CSS 样式提示
View Demo(查看示例)
12. Compact News Previewer with jQuery
创建一个文章 / 新闻预览,以经凑的方式显示您最想的文章或新闻。预览工具将会显示一些关于文章更长的描述。
View Demo(查看示例)
13. Exposure jQuery 插件
Exposure 是一个图片预览插件,用于创建丰富,自定义的视觉体验。
View Demo(查看示例)
14. Giveaway Randomizer App – jQuery
它会教你如何去创建一个 jQuery 专用的随机数发生器。
View Demo(查看示例)
15. jQuery Smooth Tabs Plugin
jQuery Smooth Tabs 是一个简单易于使用的插件,可以让你选择一些漂亮的效果来显示你的文字内容,带来更好的用户体验。
View Demo(查看示例)
16. TN34 Timetabs – jQuery Plugin
Mario Alves 创建的一个 tab 容器的 jQuery 插件,可以选定不一样的样式来显示下一个 tab。下载插件:HERE.
View Demo(查看示例)
17. Full Page Image Gallery with jQuery
创建一个效果惊人的滚动缩略图和滚动全屏预览的画廊。
View Demo(查看示例)
18. bgStretcher – jQuery Plugin
Background Stretcher 可以让你在背景中添加一个或多个大尺寸的图片,并调整他们的大小来填满整个页面,多张图片时会以幻灯片的形式出现。
View Demo(查看示例)
19. SlideNote – jQuery 插件(滑动通 知)
SlideNote 是一个自定义,扩展性很强的 jQuery 插件,可以轻松的在网页或你的 web 应用上创建滑动通知。
View Demo(查看示例)
20. Easy List Splitter – jQuery 插件
Easy List Splitter 插件将获取到的 list 和 wrap 装入一个 container div,生成相应的列表项,并且生成一个有效的 HTML 代码。
View Demo(查看示例)