记录几个常用的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/


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值