效果预览：
演示：点击这里查看效果
代码：
<script src="jquery.min.js"></script>
<link href="jquery.ap.css" rel="stylesheet" />
<script src="jquery.ap.js"></script>
<script>
$(function(){
$('.approvalProgress').ap({step:2});
});
</script>
<div class="approvalProgress">
<ol class=&...
简介
这是一款根据指定大小自动设置缩略图的插件。
为一堆不同尺寸的图片创建相同尺寸的缩略图可不是件容易的事，除非有一个强大的后台程序或靠谱的软件，如果都没有或不想使用后台程序，那么可以试试 jQThumb。jQThumb 是一款基于 jQuery 的缩略图插件，它能够很方便的制作指定的尺寸的缩略图。
jQThumb 兼容所有浏览器，包括 IE6。在高级浏览器中使用背景方式实现，并设置图片的尺寸（background-size）和位置（background-po...
官网：http://alvarotrigo.com/fullPage/
GitHub：https://github.com/alvarotrigo/fullPage.js
简介
如今我们经常能见到全屏网站，尤其是国外网站。这些网站用几幅很大的图片或色块做背景，再添加一些简单的内容，显得格外的高端大气上档次。比如 iPhone 5C 的介绍页面（查看），QQ浏览器的官网站。如果你也希望你的网站能设计成全屏的，显得更上档次，你可以试试 fullPage.js。
fullPage.js 是一个基于 jQuery 的插件，它能...
height() -----------> height
innerHeight() ------> height + padding
outerHeight() ------> height + padding + border
outerHeight(true) --> height + padding + border + margin
这是一款可用于展示历史和计划的时间轴插件，尤其比较适合一些网站展示发展历程、大事件等场景。该插件基于jQuery，可以滑动切换、水平和垂直滚动、支持键盘方向键。经过扩展后可以支持鼠标滚轮事件。
[下载示例]
HTML
我们在body中建立一个div#timeline作为展示区，#dates为时间轴，示例中我们用年份作为主轴，#issues作为内容展示区，即展示对应主轴点年份的内容，注意id对应上。
<script src="jquery.min.js"...
以下代码会从正文中匹配出第一张图片：
/* jquery 特效专用代码 开始 */
$fileUri = '';
$content = $rs['content'];
$reg='/(src\=\")(.*?)(\".*?\>)/';
$z=preg_match_all($reg,$content,$imgArray);
$fileUri = $imgArray[2][0]; // 从文章正文中取一张图片
if (empty($fileUri)) $fileUri = 'images/nopic.gif';
＜完＞
说明：
一个jQuery版的倒计时特效代码。提取自金山快盘15G实用型空间一年期10元的活动。代码下载地址在文末。
效果：
[本地演示(图片版)] [本地演示(文字版)]
代码：
<style>
/* 文字版的倒计时可以删除这些样式，文字版在示例中不需要样式 */
.count-down{
position: absolute;
top: 45px;
left: 20px;
}
.count-down span{
display: inline-block;
*display: inline;
*zoom: 1;
width: 32px;
he...
效果：
可自动确定显示位置的横向二级菜单预览
[查看演示]
代码：
<ul id="nav">
<li><a href="index.php?&lang=1">首页</a></li>
<li><a href="page.php?cid=1&lang=1">公司简介</a>
<ul class="submenu">
<li><a href="page.php?cid=8&lang=1" 公司简介</a></li>
...
说明：
基于 jQury 和 CSS3 的一个图片展示特效，个人感觉非常的炫。实例：《主题介绍 – Crazycube颠九宫真人密室娱乐》。
效果：[演示]
Beautiful Photo Stack Gallery with jQuery and CSS3
下载：
jQuery.PhotoStack.zip
效果说明：
在元素滚动到页面顶部的时候将其固定显示在顶部这个位置，效果如下：
元素滚动到顶部后固定位置
jQuery代码：
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function() {
var elm = $('#pordAttr');
var startPos = $(elm).offset().top;
$.event.add(window, "scroll", function() {
...
效果：
jquery 折叠菜单截图
代码：
html：
<dl id="cate">
<dt title="展开/折叠">调味品></dt>
<dd>
<ul>
<li><a href="javascript:;">李锦记调味</a></li>
<li><a href="javascript:;">珠江桥牌系列</a></li>
<li><a href="javascript:;">劲豪...
说明：
这篇文章可以解决这几个问题：
一、从已经获取到的元素中再次获取其子元素（代码第6、7行）；
二、为动态加载的元素绑定事件（代码第三行的“.live”）；
三、JS浮点运算不“准确”（第二个代码块）；
示例：
用jquery计算动态加载产品的金额
代码：
说明：这些只是“核心”代码。
// 金额计算器
$(function(){
$('input.count,input.price').live('change', function(){
// 根据单价计算金额
var p = $(this).pare...
