记录几个常用的js插件

原文地址：http://www.k68.org/?p=1606

1、jQuery定位跳转插件(jquery.scrollTo.js)

ScrollTo是一款基于jQuery的滚动插件，当点击页面的链接时，可以平滑地滚动到页面指定的位置。适用在一些页面内容比较多，页面长度有好几屏的场合。

当点击导航按钮时，触发scrollTo方法，$.scrollTo带有两个参数，第一个是指定要滚动的目的ID，第二个参数是滚动时间间隔，以毫秒为单位。

下载：https://github.com/flesler/jquery.scrollTo/releases
中文简易教程：http://www.helloweba.com/view-blog-118.html

2、美化滚动条插件(jquery.nicescroll.js)

jquery.nicescroll是一个非常时尚的滚动条，用来美化，兼容所有的浏览器。

一款非常完美的滚动条，简称nicescroll自定义滚动条，兼容性良好，可以完美兼容IE 6 7 8 火狐 谷歌等几乎目前都在用的浏览器，使用方法简单。

只要依次引入jquery库以及jquery.nicescroll插件即可，其中滚动条的颜色以及宽度均在js中可以控制，效果简单易用。

下载地址及使用说明：http://areaaperta.com/nicescroll/index.html

3、jQuery Easing动画效果扩展插件

缓动函数指定动画效果在执行时的速度，使其看起来更加真实。现实物体照着一定节奏移动，并不是一开始就移动很快的。当我们打开抽屉时，首先会让它加速，然后慢下来。当某个东西往下掉时，首先是越掉越快，撞到地上后回弹，最终才又碰触地板。本页可以在每次你需要时，帮助你找到想要的缓动函数。缓动函数速查表：http://easings.net/zh-cn

jQuery中animate() 方法执行 CSS 属性集的自定义动画。该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创建动画效果。自定义动画函数.animate()有四个参数：

params (Options) : 一组包含作为动画属性和终值的样式属性和及其值的集合
duration (String,Number) : (可选) 三种预定速度之一的字符串(”slow”, “normal”, or “fast”)或表示动画时长的毫秒数值(如：1000)
easing (String) : (可选) 要使用的擦除效果的名称(需要插件支持).默认jQuery提供”linear” 和 “swing”.
callback (Function) : (可选) 在动画完成时执行的函数

其中参数easing默认有两个效果：“linear”和“swing”，如果需要更多就要插件：jQuery Easing Plugin.

下载地址：http://gsgd.co.uk/sandbox/jquery/easing/

4、幻灯片插件SlidesJS

Slides – 是一个简单的，容易定制和风格化，的jQuery幻灯片插件。
Slides提供褪色或幻灯片过渡效果，图像淡入淡出，图像预压，自动生成分页，循环，自动播放的自定义等很多选项。
用Slides插件，你可以随机播放幻灯片，设定那一套您想要开始幻灯片。它附带充分的说明和示例。
下载：http://slidesjs.com/
基本使用方法：http://www.cnblogs.com/mzbdadou/archive/2013/02/19/2916803.html

5、滚动动画效果

ScrollMagic 是 jQuery 插件，允许用户像进度条一样使用滚动条。用户可以：

在特定滚动位置开始一个动画
滚动条滚动的时候同步动画
固定一个元素在指定的滚动位置

网址：http://janpaepke.github.io/ScrollMagic

6、图片预加载插件：QueryLoader2

功能：在图片加载之前出现进度条

下载地址： https://github.com/Gaya/QueryLoader2

7、扑克牌风格的扇形页面的展示效果

你有没有试过使用扑克牌风格的扇形页面的展示效果呢？如果没有，那你可千万不要错过我们今天介绍的jQuery插件-Baraja。

http://tympanus.net/Development/Baraja/

8、鼠标滚轮编程中的JavaScript(javascript-mouse-wheel)

它是关于相当简单的用户输入法 – 鼠标滚轮。 我相信，现在恐怕很难找到一个没有鼠标滚轮。 绝大多数用户都采用向轮作为滚动列表中的一个控件，缩放等，而一些Web应用程序，但是，做出明智的使用鼠标滚轮。 本页面为您提供有关处理在JavaScript编程语言的鼠标滚轮生成的事件的一般信息。

在应用程序，滚动起来通常意味着页面向下滚动等。

下载地址：http://www.adomas.org/javascript-mouse-wheel/