分享40个实用的jQuery用户界面UI设计技巧及教程

gbin1 发布于 2011/07/19 16:55
阅读 2K+
收藏 4

作者:Jane Bernardo
翻译:Terry li - GBin1.com
原文: 40 Useful jQuery Techniques And Tutorials For Great User Interface

jQuery在web开发中已经吸引了大量开发人员。使用jQuery能构建强大的用户交互界面设计。 在本篇文章中,GBin1将与广大jQuery开发者分享40个jQuery的用户设计技巧和教程。

1. 使用jQuery构建动画横幅

通过这篇教程学习我们将能实用jQuery Easing插件和jQuery 2D transform插件创建一个定制的动态横幅。主要的设计思路是使得一个横幅有不同元素并且能够根据需要自己依次移动。

GBin1在线演示

 

2. 使用jQuery旋转移动图片框

GBin1在线演示

 

3. 使用PHP&jQuery快速实现反馈表单

GBin1在线演示

 

4. Wijmo - jQuery的UI小部件

Wijmo是一个完整的jQuery UI小部件类库。它整合了jQuery, CSS3,SVG和HTML5,危险而强大。

GBin1在线演示

 

5. 本页导航 - jQuery插件

非常实用的导航插件,由Trevor Davis开发,能帮助你导航的时候平滑的滚动,这个插件基于jQuery ScrollTo插件

GBin1在线演示

 

6. 使用jQuery Mobile实现RSS阅读

使用PHP和jQuery创建一个简单的Tuts+ RSS阅读应用。当我们完成之后,你可以直接加到iphone或者android电话中。

GBin1在线演示

 

7. 简易手风琴效果插件 - Easy Accordion

Andrea Cima Serniotti开发的Easy Accordion插件将能够帮助你定义列表,并且生成平滑的横向手风琴效果。

GBin1在线演示

 

8. Lettering - jQuery印刷字效果插件

这篇教程将介绍如何创建印刷海报,及其个性化得标题,而且可以被自由选取。

GBin1在线演示

 

9. 使用jQuery实现注释式样的浮动效果

生成简单浮动效果来显示注释。

GBin1在线演示

 

10. Snippet - jQuery的语法高亮显示插件

Snippet是非常酷的一个基于SHJS的jQuery高亮显示插件。提供快速方式来高亮显示传入HTML的代码。

GBin1在线演示

原文出处:

分享40个实用的jQuery用户界面UI设计技巧及教程:第一部分

分享40个实用的jQuery用户界面UI设计技巧及教程:第二部分

分享40个实用的jQuery用户界面UI设计技巧及教程:第三部分

分享40个实用的jQuery用户界面UI设计技巧及教程:第四部分

加载中
返回顶部
顶部