使用 HTML5 和 CSS3，我们能够在浏览器中创建更有趣和更吸引眼球的效果。其中，视差错觉就是网站设计领域的的效果之一。视差滚动（Parallax Scrolling）通过在网页向下滚动的时候，控制背景的移动速度比前景的移动速度慢来创建一个令人惊叹的3D效果。
分类：
Web程序 时间：
2014-11-05 10:43:53
阅读次数：
346
页面的视差有多种表现形式，最常见的是用户滚动页面形成的视差效果。今天的教程是一个插件，实现多种不同的视差效果。? 这个插件叫做Interactive BG (Background)，让你创建一个页面背景相对于光标移动而移动的视差效果。由于在移动端没有鼠标移动事件，所以这个插件利用加速计，而不是为io...
分类：
移动开发 时间：
2014-10-22 12:45:04
阅读次数：
175
JS实现滚动整个屏幕 | 使用window.scroll实现滚动鼠标整个屏幕滚动，缓慢平滑地切换到下一个屏幕
分类：
其他好文 时间：
2014-10-20 13:09:43
阅读次数：
224
Persona – HTML5 Parallax Portfolio Theme充满吸引力的一款网站模板，扁平化设计风格，动感的视差滚动效果。在线演示模板下载Superb – Responsive One-Page PortfolioSuperb 是一个基于 HTML5 & CSS3 的响应式单页作...
分类：
Web程序 时间：
2014-10-09 20:05:07
阅读次数：
193
移动端页面的盛行，微信的便利的页面推广等等，让越来越多的css3效果和html5在手机端大放异彩。
于是乎，各式各样的简约酷炫的html5页面层出不穷，最多的就是视差滚动+css3动画。
接下来就说说自己在搞这些页面里面碰到的一个小问题-------zepto.js里面，坑爹的touch.js的上下滑动（swipe）事件失效。...
分类：
移动开发 时间：
2014-09-28 01:19:20
阅读次数：
726
视差滚动效果近年来很受大家的欢迎，但实现这个功能一般都需要javaScript，而且实现做起来有一定的难度。就这个问题，我们跟大家分享另外一种比较简单的视差滚动效果技术，只需要CSS就可以实现了。一起来看看吧。 该滚动效果特点是使用固定背景与色块内容交替，当访客向下滚动时，背景是fixed固定的。可...
分类：
Web程序 时间：
2014-09-23 21:02:25
阅读次数：
201
Sequence.js 功能齐全，除了能实现之前分享过的现代的图片滑动效果，还可以融合当前非常流行的视差滚动（Parallax Scrolling）效果。让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。
分类：
Web程序 时间：
2014-09-22 19:09:32
阅读次数：
207
实现功能：隐藏浏览器滚动条，且不影响鼠标滚轮滚动页面适用：以大图片为背景或产品介绍页面（如果和视差滚动一起使用应该会效果更佳）所需技术：非常简单的css和js首先来看下对比效果（图1 => 图2，两者都能通过鼠标滚轮进行内容的滚动）（图1）（图2）可以明显的看到：图2的正文宽度明显比图1的宽度小，并...
分类：
Web程序 时间：
2014-09-19 17:22:55
阅读次数：
233
刚刚在网上看到一个和以往不同的一个图片视差滚动，这个滚动差和我们之前所做的不一样，以前只是做的单纯的几张图片点击滚动，然后这个还加上了个背景的图片滑动效果，看上去，更加的生动且柔和。代码如下 Parallax Slider with jQuery ...
分类：
其他好文 时间：
2014-08-31 21:15:01
阅读次数：
430
差滚动（Parallax Scrolling）已经被广泛应用于网页设计中，这种技术能够让原本平面的网页界面产生动感的立体效果。下面分享的这个图片滑块效果是难得一见的结合视差滚动的例子，之前的文章给大家分享过，这里再推荐一下。美女很养眼吧 :)
分类：
其他好文 时间：
2014-08-20 14:03:12
阅读次数：
182
