PHP程序员站--PHP编程开发平台
 当前位置:主页 >> 网页制作 >> Javascript >> 

5个超炫的页面滚动 JavaScript 插件

5个超炫的页面滚动 JavaScript 插件

来源:phperz.com  作者:phper  发布时间:2012-03-02
对于很多单页面网站来说,页面滚动(Page Scrolling)技术是十分常用的。页面滚动基本上可以分为两种,一种是通过浏览器的滚动条,另外一种是根据用户的操作自动滚动。在这篇文章中,我们将介绍5个javascript插件,可以帮你轻松的创建页面滚动效果,你也就不必在重复发

对于很多单页面网站来说,页面滚动(Page Scrolling)技术是十分常用的。页面滚动基本上可以分为两种,一种是通过浏览器的滚动条,另外一种是根据用户的操作自动滚动。在这篇文章中,我们将介绍5个javascript插件,可以帮你轻松的创建页面滚动效果,你也就不必在重复发明轮子了,专注你的网站设计就好。

Scrollrama,BetterNikeWorld Parallax 和 Curtain 使用了浏览器的滚动条来触发一系列的动画。当你滚动页面的时候,网页不同部分的动画会被触发,动画的速度往往和你滚动的速度有关。这个技术是由 Nike Better World Parallax 网站开始出名的。你可以用这个插件创建类似的插件。

而 PageScroller 和 ScrollTo 插件是根据用户的操作,例如按钮,链接等等来滚动页面的。它替代了浏览器的滚动条,使得网页的互动性更强。有很多单页网站使用了这个技术。

Scrollrama

BetterNikeWorld Parallax

Curtain (需要翻墙)

PageScroller

ScrollTo


延伸阅读:
隐藏或屏蔽IE滚动条的几种常用方法
jQuery文字滚动效果插件marquee的应用
jQuery跟随浏览器滚动条浮动层效果
CSS隐藏浏览器滚动条的方法
隐藏iframe中滚动条的方法
12 个使用无限滚动效果的精美网站欣赏
最新文章
推荐阅读
月点击排行榜
PHP程序员站 Copyright © 2007-2010,PHPERZ.COM All Rights Reserved 粤ICP备07503606号