文挡 » 网页制作 » 相关技巧

20个jQuery新效果

阅读：4190次   时间：2012-03-24 07:18:46   字体：[]

本文将介绍20个最新的jQuery效果，还有值得一提的是8月份jQuery 发布移动设备版本 jQuery Mobile。

1. Custom Animation Banner with jQuery

通过使用 jQuery Easing和jQuery 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.

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（查看示例）

 相关阅读