超级酷和最实用的jQuery实例收集(20个)
James Padolsey Color Switcher
点击右上角的颜色方块，可以换配色。
Dragon Interactives jQuery Navigation
定制了jQuery的浏览菜单，把鼠标移到上面，渐变非常漂亮。
FamSpams FaceBox
定制jQuery中FaceBox提供效果很酷的lightbox，FaceBox现在已经是一个jQuery的插件。
Grooveshark Widget Creator
没有提供一个常见的flash菜单，而是通过jQuery提供了定制菜单，让你能够拥有自己的music widgets， 很棒.
CSS-Tricks Fade-In Navigation
又一个渐变菜单效果.
David Walsh Link Nudge
移动菜单栏，效果很漂亮.
CarrotCreative-Custom Sites Lightbox
无与伦比的jQuery效果，点击顶部菜单，整个页面滑动切换，很酷，google的10周年页面也是这种效果。
BrightCreative Portfolio
又一个渐变菜单，完全无需每次更新页面。- thanks to AJAX and jQuery.
Incredible Login Form
登录页面也能做的这么酷
Featured Fade Effect by DesignFlavr
渐进渐出效果很酷
Hv-Designs Fade In RSS Icon
RSS图标效果
Asylums Custom Scroller
滚动效果
5 Javascript Tricks Made Easy with jQuery
5个有用的效果介绍
Codas Entire Website
顶部tab效果很酷
Clark Lab Fading Effect
渐变效果
Rob Young | E is for Effort
滚动效果
Web Designer Wall
悬停效果
Junaid W. Hanif
tab效果
KomodoMedia
移动右侧中部的滑条，能够动态改变页面所有叶子装饰的多少，挺酷。
相关推荐
-
超级酷和最实用的jQuery实例收集(20个)
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
-
基于jQuery实现美观且实用的倒计时实例代码
倒计时效果有着广泛的应用,比如奥运会倒计时.高考倒计时和放假倒计时等,本章节分享一个比较美观且实用的倒计时效果. 代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>倒计时效果代
-
6款经典实用的jQuery小插件及源码(对话框/提示工具等等)
jQuery是一款当之无愧的JS开源框架,凭借其小巧实用占领了很大的开发市场,jQuery另外一个优势就是拥有丰富多彩的插件,这些插件可以帮助你简化很多的开发过程.下面介绍的6款实用jQuery小插件及源码,希望大家喜欢. 1.jQuery智能单词提示工具 这是一款可以根据当前输入智能提示单词的插件,效果很棒. 在线演示 /源码下载 2.CSS3实现的Photoshop按钮效果 这是用jQuery和CSS3实现的Photoshop按钮效果. 在线演示 /源码下载 3.jQuery自定义确认对话框
-
非常实用的jQuery代码段集锦【检测浏览器、滚动、复制、淡入淡出等】
本文实例总结了非常实用的jQuery代码段.分享给大家供大家参考,具体如下: 检测IE浏览器 在进行CSS设计时,IE浏览器对开发者及设计师而言无疑是个麻烦.尽管IE6的黑暗时代已经过去,IE浏览器家族的人气亦在不断下滑,但我们仍然有必要对其进行检测.当然,以下片段亦可用于检测其它浏览器. $(document).ready(function() { if (navigator.userAgent.match(/msie/i) ){ alert('I am an old fashioned In
-
实用的Jquery选项卡TAB示例代码
复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&qu
-
60个很实用的jQuery代码开发技巧收集
由于内容比较多建议用CTRL+F搜索 偶然在网上看到这些不错的jQuery代码开发技巧.原文收集了30个,另外查找的时候发现了还有20个.加上另外十个实用的jQuery代码片段,共60个代码技巧,收集在一起分享给大家. 1. 创建一个嵌套的过滤器 .filter(":not(:has(.selected))") //去掉所有不包含class为.selected的元素 2. 重用你的元素查询 var allItems = $("div.item"); var keep
-
一些实用的jQuery代码片段收集
下边这些jQuery片段只是很少的一部分,如果您在学习过程中也遇到过一些常用的jQuery代码,欢迎分享.下边就让我们看看这些有代码片段. 1.jQuery得到用户IP: 复制代码 代码如下: $.getJSON("http://jsonip.appspot.com?callback=?", function (data) { alert("Your ip: " + data.ip); }); 2.jQuery查看图片的宽度和高度: 复制代码 代码如下: var t
-
jQuery实例—选项卡的简单实现(js源码和jQuery)
分别利用javascript的源码和jQuery来实现一个简单的选项卡,对比各自的步骤. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> &l
-
三种动态加载js的jquery实例代码另附去除js方法
复制代码 代码如下: !-- 这里为你提供了三种动态加载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.
-
方便实用的jQuery checkbox复选框全选功能简单实例
复制代码 代码如下: // 主复选框<input type="checkbox" id="ck" name="ckAll">// 子复选框项<input type="checkbox" id="ck1" name="ckItm"><input type="checkbox" id="ck2" name="ck