前言
视差滚动,大家也许并不陌生。但是对于视差方向移动,你是否有见过效果呢?看官请进来瞧瞧~
demo
轩枫阁404页面:http://xuanfengge.com/demo/201406/404/
github 404页面:https://github.com/404
说明:轩枫阁的404页面灵感来自于Github 404页面效果,并增强了交互。同时轩枫阁的第一个404页面效果是腾讯公益404寻找孩子页面,现在的版本是二次改版,增强了交互,即进入404页面后,需要在当前页面中充当福尔摩斯角色,通过线索寻找到返回首页的入口。
视差滚动
简介:视差滚动(Parallax Scrolling)是指让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。
示例(最后一个专题):http://www.xuanfengge.com/funny/
视差方向移动
简介:这个名称是博主自己起的→_→。即多个元素跟随鼠标移动方向,以不同的速度和距离,在同一个方向上进行移动的交互。
插件:使用的是shake.js这个jQuery插件。首先要先加载jQuery才会生效。