7款Jquery视差和滚动效果的js插件
2014-09-09 16:32
921 查看
网页设计中的视差效果或视差滚动是以分层的图像以不同的速度或角度在网页中移动,从而产生一种美妙而有趣的3D错觉为特色的技术。本文收集了一些使用视差效果的网站希望能带给你一些启发和灵感。此效果使得滚动网页成为一种有趣的体验。
这里我们搜集了7个视差和滚动效果插件。
1.jQuery Scroll Path
这是一个自定义滚动路线的插件。它利用canvas来画直线和弧线,和它一起的还有自定义滚动条。在支持它的浏览器中还能够旋转。
2.Static
Background
这个演示网页来自于jQuery Parallax plugin demo 。下面展示的这个例子叫做静态背景。这个部分有一个比用户滚动条速度稍慢的背景。这是通过改变背景顶端的位置来实现的。
3.Curtain.js
这个插件让你能够创建一个有多重固定面板并以一种奇妙的效果展开的网页。就像升起一个幕布。你可以用你的键盘替代滚动条或者鼠标滚轮来操作文档。除此之外,还有更多的特性。例如你可以轻松地将一个固定元素或多重元素嵌入在一个面板。
4.Stellar.js
这是一个给任意滚动元素提供视差滚动效果的插件。
5.scrolldeck
这是一个提供滚动展示平台的插件,你可以用左/右箭头来改变滑动。
6.Scrollorama
这是一个让人惊奇的插件。你可以使用转换效果例如钉住,渐变、旋转和放大等等。你还可以做一个实验性的有乐趣的项目。
7.Parallax
Slider with jQuery
当滑动一张图片时,我们会利用视差原理来移动不同的背景,从而创造一些美妙的视角。
原文出自:http://smashinghub.com/7-jquery-parallax-and-scrolling-effect-plugins.htm
这里我们搜集了7个视差和滚动效果插件。
1.jQuery Scroll Path
这是一个自定义滚动路线的插件。它利用canvas来画直线和弧线,和它一起的还有自定义滚动条。在支持它的浏览器中还能够旋转。
2.Static
Background
这个演示网页来自于jQuery Parallax plugin demo 。下面展示的这个例子叫做静态背景。这个部分有一个比用户滚动条速度稍慢的背景。这是通过改变背景顶端的位置来实现的。
3.Curtain.js
这个插件让你能够创建一个有多重固定面板并以一种奇妙的效果展开的网页。就像升起一个幕布。你可以用你的键盘替代滚动条或者鼠标滚轮来操作文档。除此之外,还有更多的特性。例如你可以轻松地将一个固定元素或多重元素嵌入在一个面板。
4.Stellar.js
这是一个给任意滚动元素提供视差滚动效果的插件。
5.scrolldeck
这是一个提供滚动展示平台的插件,你可以用左/右箭头来改变滑动。
6.Scrollorama
这是一个让人惊奇的插件。你可以使用转换效果例如钉住,渐变、旋转和放大等等。你还可以做一个实验性的有乐趣的项目。
7.Parallax
Slider with jQuery
当滑动一张图片时,我们会利用视差原理来移动不同的背景,从而创造一些美妙的视角。
原文出自:http://smashinghub.com/7-jquery-parallax-and-scrolling-effect-plugins.htm
相关文章推荐
- 流行的7款jQuery视差和滚动效果的js插件
- JQuery插件Marquee.js实现无缝滚动效果
- 六款帮助你实现惊艳视差滚动效果的jQuery插件
- jQuery全屏滚动插件fullPage.js使用中遇到的问题(滑动轮播效果无效)
- 推荐六款帮助你实现惊艳视差滚动效果的 jQuery 插件
- 推荐六款帮助你实现惊艳视差滚动效果的 jQuery 插件
- JQuery Marquee插件(无缝滚动效果)- marquee.js
- 基于jquery的锚点滚动插件(百度百科效果) anchorScroll.js
- 基于jquery的锚点滚动插件(百度百科效果) anchorScroll.js
- 分享七款视差滚动效果的jQuery 插件
- 基于jquery的锚点滚动插件(百度百科效果) anchorScroll.js
- JQuery插件Marquee.js实现无缝滚动效果
- 视差滚动效果Stellar.js使用教程(jQuery)
- 帮助你在移动设备上生成倾斜控制(重力控制)的旋转效果jQuery插件 - lenticular.js
- 【js与jquery】www.zhen.com首页顶部最新更新文章的循环滚动效果
- jquery.blockUI.js上传滚动等待效果实现思路及代码
- jquery图片滚动效果插件SuperSlide1.2
- 第32款插件:第26款插件:jcarousellite.js 基于Jquery的无缝“垂直滚动”图片插件