超级酷和最实用的jQuery实例收集(20个)_jquery

James Padolsey Color Switcher

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

Visit Site

Dragon Interactives jQuery Navigation

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

Visit Site

FamSpams FaceBox

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

Visit Site

Grooveshark Widget Creator

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

Visit Site

CSS-Tricks Fade-In Navigation

又一个渐变菜单效果.

Visit Site

David Walsh Link Nudge

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

Visit Site

CarrotCreative-Custom Sites Lightbox

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

Visit Site

BrightCreative Portfolio

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

Visit Site

Incredible Login Form

登录页面也能做的这么酷

Visit Site

Featured Fade Effect by DesignFlavr

渐进渐出效果很酷

Visit Site

Hv-Designs Fade In RSS Icon

RSS图标效果

Visit Site

Asylums Custom Scroller

滚动效果

Visit Site

5 Javascript Tricks Made Easy with jQuery

5个有用的效果介绍

Visit Site

Codas Entire Website

顶部tab效果很酷

Visit Site

Clark Lab Fading Effect

渐变效果

Visit Site

Rob Young | E is for Effort

滚动效果

Visit Site

Web Designer Wall

悬停效果

Visit Site

Junaid W. Hanif

tab效果

Visit Site

KomodoMedia

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

时间: 2024-12-03 13:02:30

超级酷和最实用的jQuery实例收集(20个)_jquery的相关文章

基于jQuery实现美观且实用的倒计时实例代码_jquery

倒计时效果有着广泛的应用,比如奥运会倒计时.高考倒计时和放假倒计时等,本章节分享一个比较美观且实用的倒计时效果. 代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>倒计时效果代

jQuery教程:14个实用的jQuery技巧

jQuery之所以如此流行并被从大公司到个人博客的几乎每个人都广泛使用,是因为它上手和使用相当简单,而且为我们提供了一些人都不知道的相当棒的特性.我认为jQuery的大多数用户更趋向于使用jQuery插件来解决面临的难题,这通常是明智的选择.但是当插件相对于你的需求有一定缺陷的时候,你也许更应该想办法自己来解决,下面来看看这些实用的jQuery技巧,他们肯定会能够派上用场的! 1.测试并提升你的jQuery选择器水平 这个 jQuery选择器实验室 非常酷,它能在线免费使用,当然你也能下来到本地

30 个实用的 jQuery 选项卡/导航教程推荐

很多网站设计中都使用了选项卡(tabs),在制作选项卡时应用jQuery能够实现很多炫酷的过渡和动画效果.本文为你介绍30个实用的jQuery选项卡教程,希望对你有帮助.  1. Animated Tabbed Content With jQuery  选项卡被现代网站普遍应用,但大多数形式呆板.本教程逐步为你讲授如何实现选项卡动画切换效果.  示例  2. Tab Navigation with Smooth Horizontal Sliding Using jQuery  本教程为你展示如何

10款非常有效的帮助你设计超酷响应式布局的jQuery插件

如 果你关注最近几年的web设计,那么响应式布局(responsive layout)设计对于你来说肯定不是一个陌生的词汇. 相对于传统的页面设计来说,今天的设计者需要考虑的用户来源和用户体验对于设计者来说是一个非常大的挑战,因为随着硬件的更新,新设备的出现,你需要能够 使得你的网站能够针对不同的设置做出最好显示响应.最初这个名称来自于Ethan Marcotte的文章"Responsive Web Design",设计的理念在于为了有效的利用空间和布局来满足用户阅读过程中产生的不同使

60个很实用的jQuery代码开发技巧收集_jquery

由于内容比较多建议用CTRL+F搜索 偶然在网上看到这些不错的jQuery代码开发技巧.原文收集了30个,另外查找的时候发现了还有20个.加上另外十个实用的jQuery代码片段,共60个代码技巧,收集在一起分享给大家. 1. 创建一个嵌套的过滤器 .filter(":not(:has(.selected))") //去掉所有不包含class为.selected的元素 2. 重用你的元素查询 var allItems = $("div.item"); var keep

三种动态加载js的jquery实例代码另附去除js方法_javascript技巧

复制代码 代码如下: !-- 这里为你提供了三种动态加载js的jquery实例代码哦,由于jquery是为用户提供方便的,所以利用jquery动态加载文件只要一句话$.getscript("test.js");就ok了. <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.

javascript-Github上一个模仿YouTube顶端进度条的jQuery实例,无法在本地部署。

问题描述 Github上一个模仿YouTube顶端进度条的jQuery实例,无法在本地部署. Demo地址:http://www.thepetedesign.com/demos/youtube_loadingbar_demo.htmlGithub源码:https://github.com/peachananr/loading-bar 把他的源文件下载下来之后,按照说明上的用法,为什么没有效果? <html><head><script type=""text

实例代码讲解jquery easyui动态tab页_jquery

通过使用 jQuery EasyUI 可以很容易地添加 Tabs.您只需要调用 'add' 方法即可. function addTab(title, href,icon){ var tt = $('#tabs'); if (tt.tabs('exists', title)){//如果tab已经存在,则选中并刷新该tab tt.tabs('select', title); refreshTab({tabTitle:title,url:href}); } else { if (href){ var

10个简单实用的 jQuery 代码片段

尽管各种 JavaScirpt 框架和库层出不穷,jQuery 仍然是 Web 前端开发中最常用的工具库. 今天,向大家分享我觉得在网站开发中10个简单实用的 jQuery 代码片段. 1.平滑滚动到锚点 // HTML: // <h1 id="anchor">Lorem Ipsum</h1> // <p><a href="#anchor" class="topLink">Back to Top&l