20个最有创意最实用的jQuery应用

发表于

我们看看三年来，这个被成为最优雅的Javascript框架带来那些创意应用。

以下翻译自国外网站，示例网站如无法点击访问，请自觉翻墙~

原文链接：http://nettuts.com/articles/web-roundups/the-20-most-practical-and-creative-uses-of-jquery/



  • James Padolsey Color Switcher


    Screenshot 1

    右上角的“customize”，可以更换header的背景颜色。


    点击访问



    •  



  • Dragon Interactives jQuery Navigation


    Screenshot 1

    自定义 jQuery 导航菜单，把鼠标移到上面，渐变非常漂亮。


    点击访问




  • FamSpams FaceBox


    Screenshot 2

    利用 jQuery中 FaceBox 提供很酷的 lightbox 效果，FaceBox现在已经是一个jQuery的插件。


    点击访问




  • Grooveshark Widget Creator


    Screenshot 3

    通过 jQuery 提供了定制菜单取代传统的 Flash 菜单，让你能够拥有自己的 music widgets， 很棒.


    点击访问




  • CSS-Tricks Fade-In Navigation


    Screenshot 4

    又一个渐变菜单效果.


    点击访问




  • David Walsh Link Nudge


    Screenshot 5

    很漂亮的菜单栏，鼠标放上去会移动哦。


    点击访问




  • CarrotCreative-Custom Sites Lightbox


    Screenshot 6

    无与伦比的jQuery效果，点击顶部菜单，整个页面滑动切换，很酷，google的10周年页面也是这种效果。


    点击访问




  • BrightCreative Portfolio


    Screenshot 7

    又一个渐变菜单，完全无需每次更新页面。- thanks to AJAX and jQuery.


    点击访问




  • Incredible Login Form


    Screenshot 1

    登录页面也能做的这么酷


    点击访问




  • Featured Fade Effect by DesignFlavr


    Screenshot 9

    渐进渐出效果很酷


    点击访问




  • Hv-Designs Fade In RSS Icon


    Screenshot 11

    RSS图标效果


    点击访问




  • Asylums Custom Scroller


    Screenshot 12

    滚动效果


    点击访问




  • 5 Javascript Tricks Made Easy with jQuery


    Screenshot 14

    5个有用的效果介绍


    点击访问




  • Codas Entire Website


    Screenshot 15

    顶部tab效果很酷


    点击访问




  • Clark Lab Fading Effect


    Screenshot 16

    渐变效果


    点击访问




  • Rob Young | E is for Effort


    Screenshot 17

    滚动效果


    点击访问




  • Web Designer Wall


    Screenshot 18

    悬停效果


    点击访问




  • Junaid W. Hanif


    Screenshot 19

    tab效果


    点击访问




  • KomodoMedia


    Screenshot 19

    移动右侧中部的滑条，能够动态改变页面所有叶子装饰的多少，挺酷。


    点