🎶 Sym - 一款用 Java 实现的现代化社区(论坛/BBS/社交网络/博客)平台

📕 思源笔记 - 一款桌面端笔记应用,支持 Windows、Mac 和 Linux

🎸 Solo - B3log 分布式社区的博客端节点,欢迎加入下一代社区网络

♏ Vditor - 一款浏览器端的 Markdown 编辑器

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

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


欢迎注册黑客派社区,开启你的博客之旅。让学习和分享成为一种习惯!

留下你的脚步