Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
leizi929
Sortable
提交
6af0224a
S
Sortable
项目概览
leizi929
/
Sortable
与 Fork 源项目一致
从无法访问的项目Fork
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
S
Sortable
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
6af0224a
编写于
3月 16, 2014
作者:
L
Larry Davis
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
#30: - parallax effect
上级
2a8272fa
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
0 addition
and
56 deletion
+0
-56
index.html
index.html
+0
-56
未找到文件。
index.html
浏览文件 @
6af0224a
...
...
@@ -363,62 +363,6 @@ sort.destroy();
<!-- Parallax -->
<script>
(
function
(){
var
x
,
y
,
reqAnimFrame
=
window
.
requestAnimationFrame
||
function
(
fn
){
setTimeout
(
fn
,
1000
/
60
);
};
var
items
=
[].
slice
.
call
(
document
.
querySelectorAll
(
'
.layer
'
)).
map
(
function
(
el
){
var
rect
=
el
.
getBoundingClientRect
();
el
.
x
=
rect
.
left
;
el
.
y
=
rect
.
top
;
el
.
w
=
rect
.
right
-
rect
.
left
;
el
.
h
=
rect
.
bottom
-
rect
.
top
;
el
.
fX
=
el
.
getAttribute
(
'
data-force-x
'
)
||
el
.
getAttribute
(
'
data-force
'
)
||
10
;
el
.
fY
=
el
.
getAttribute
(
'
data-force-y
'
)
||
el
.
getAttribute
(
'
data-force
'
)
||
10
;
return
el
;
});
document
.
addEventListener
(
'
dragover
'
,
function
(
evt
){
x
=
evt
.
clientX
;
y
=
evt
.
clientY
;
},
false
);
document
.
addEventListener
(
'
mousemove
'
,
function
(
evt
){
x
=
evt
.
clientX
;
y
=
evt
.
clientY
;
},
false
);
(
function
_loop
(){
if
(
x
&&
y
){
var
winWidth
=
window
.
innerWidth
;
var
winHeight
=
window
.
innerHeight
;
var
halfWidth
=
winWidth
/
2
;
var
halfHeight
=
winHeight
/
2
;
var
rx
=
x
-
winWidth
/
2
;
var
ry
=
winHeight
/
2
-
y
;
items
.
forEach
(
function
(
el
){
var
dx
=
el
.
w
/
el
.
fX
*
(
rx
/
-
halfWidth
);
var
dy
=
el
.
h
/
el
.
fY
*
(
ry
/
halfHeight
);
el
.
style
[
'
transform
'
]
=
el
.
style
[
'
-webkit-transform
'
]
=
'
translate(
'
+
dx
+
'
px,
'
+
dy
+
'
px)
'
;
});
}
reqAnimFrame
(
_loop
);
})();
})();
</script>
<!-- highlight.js -->
<style>
/* Tomorrow Theme */
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录