文档介绍:40个实用的jQuery用户界面UI设计技巧及教程
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的代码。
作者:Jane Bernardo
翻译:Terry li -
原文: 40 Useful jQuery Techniques And Tutorials For Great User Interface
11. jQuery技术支持的Google搜索站点
在这篇教程中你将学到如何使用Google的Ajax搜索引擎API创建一个自定义的搜索,使用这个技术你自己搜索图片,视频及其新闻,当然你也可以搜索一般网页信息。、
12. 使用jQuery的超强功能开发一个更好的提示框
在这篇教程中将讲解如何快速使用jQuery插件来创建一个时尚点儿的浏览器提示框
13. 简单的提示框- jQuery&CSS
Soh Tanaka的这篇文章将讲解如何使用jQuery创建一个简单的提示框,并且使用相当简单的CSS来进行样式设定。
14. Coda弹出气泡
jQuery教程将展示如何使用jQuery来创建当鼠标移动到目标对象上时弹出光滑的气泡
15. Exposure插件
Exposure是一个jQuery的图片查看插件。它用来创建丰富的,完全自定义的视觉体验,并且能处理大量的图片而不至于让你的带宽超负荷。
16. jQuery的随机赠品生成程序
这篇文章中将讲解如何创建一个独享的随机赠品生成jQuery程序
17. jQuery的平滑标签插件
这个插件非常容易使用,允许你使用特效来展示你的内容,带来更好用户体验。你所需要的是存放你的标签和内容的简单容易,还有一些CSS和图片。