二十个超级酷和最实用的jQuery实例

焦点互联网 2010年05月25日

jQuery在实际网页中的应用,主要是tab效果,slider滑动效果,ChangCSS效果,动态菜单效果,渐变导航效果,淡入淡出效果等。

James Padolsey Color Switcher

Screenshot 1

点击右上角的颜色方块,可以换配色。

点击查看jQuery效果演示

Dragon Interactives jQuery Navigation

Screenshot 1

定制了jQuery的浏览菜单,把鼠标移到上面,渐变非常漂亮。

点击查看jQuery效果演示

FamSpams FaceBox

Screenshot 2

定制jQuery中FaceBox提供效果很酷的lightbox,FaceBox现在已经是一个jQuery的插件

点击查看jQuery效果演示

Grooveshark Widget Creator

Screenshot 3

没有提供一个常见的flash菜单,而是通过jQuery提供了定制菜单,让你能够拥有自己的music widgets, 很棒.

点击查看jQuery效果演示

CSS-Tricks Fade-In Navigation

Screenshot 4

又一个渐变菜单效果.

点击查看jQuery效果演示

David Walsh Link Nudge

Screenshot 5

移动菜单栏,效果很漂亮.

点击查看jQuery效果演示

CarrotCreative-Custom Sites Lightbox

Screenshot 6

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

点击查看jQuery效果演示

BrightCreative Portfolio

Screenshot 7

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

点击查看jQuery效果演示

Incredible Login Form

Screenshot 1

登录页面也能做的这么酷

点击查看jQuery效果演示

Featured Fade Effect by DesignFlavr

Screenshot 9

渐进渐出效果很酷

点击查看jQuery效果演示

Hv-Designs Fade In RSS Icon

Screenshot 11

RSS图标效果

点击查看jQuery效果演示

Asylums Custom Scroller

Screenshot 12

滚动效果

点击查看jQuery效果演示

5 Javascript Tricks Made Easy with jQuery

Screenshot 14

5个有用的效果介绍

点击查看jQuery效果演示

Codas Entire Website

Screenshot 15

顶部tab效果很酷

点击查看jQuery效果演示

Clark Lab Fading Effect

Screenshot 16

渐变效果

点击查看jQuery效果演示

Rob Young | E is for Effort

Screenshot 17

滚动效果

点击查看jQuery效果演示

Web Designer Wall

Screenshot 18

悬停效果

点击查看jQuery效果演示

Junaid W. Hanif

Screenshot 19

tab效果

点击查看jQuery效果演示

KomodoMedia

Screenshot 19

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

网友评论
Top