40个实用的jquery用户界面ui设计技巧及教程

第 1 页 共 2 8 页 jQuery 确实是一项伟大的技术，通过jQuery 的插件，我们可以方便的创建具有更好用户界面的网站。在本文中，将和大家分享 40 个对你创建更好用户界面的jQuery 技术和教程。 1. Custom Animation Banner with jQuery 在该教程中你将学会如何使用jQuery 的Easing 插件及 2D Transform 插件创建自定义的动画横幅。教程的想法是将不同的元素以自定义动画的形式融入到横幅中去。 第 2 页 共 2 8 页 查看实例 2. Moving Boxes Carousel with jQuery 你将学会如何创建一个拥有改变面板及缩放面板的按钮的滑块。 查看实例 3. Quick Feedback Form – jQuery & PHP 通过 jQuery 和 PHP 实现的快速填写反馈表单的实例。 第 3 页 共 2 8 页 查看实例 4. Wijmo – jQuery UI Widgets Wijmo 是一个拥有超过30 个jQuery UI Widgets 的库。 查看实例 第 4 页 共 2 8 页 5. One Page Navigation – jQuery Plugin 这是一个在同一个页面中如何平滑的导航的实例。 查看实例 6. RSS Reader With jQuery Mobile 第 5 页 共 2 8 页 7. Easy Accordion – jQuery Plugin The Easy Accordion plugin by Andrea Cima Serniotti will get your definition lists (DTs) and generate a nice and smooth horizontal accordion. 8. Lettering – jQuery Typography Plugin In this article you will learn how to create, for example typographical CSS3 posters, or for really custom type headings, while keeping the text selectable. 第 6 页 共 2 8 页 9. Annotation Overlay Effect with jQuery Create a simple overlay effect to display annotations. 10. Snippet – jQuery Syntax Highlighter 第 7 页 共 2 8 页 Snippet is a cool jQuery syntax highlighting plugin built on top of the SHJS script found on SourceForge. Snippet jQuery plugin provides a quick and easy way of highlighting source code passages in HTML documents. 11. Google Powered Site Search With jQuery In this logical tutorial you will learn how to create a branded custom search ...