-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
135 lines (131 loc) · 5.94 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta http-equiv="pragma" content="no-cache" />
<title>Daydayup</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="css/daydayup.css">
<script src="js/jquery-1.11.2.min.js"></script>
</head>
<body class="hacker">
<header>
<div class="container">
<div class="title">Day day up</div>
<ul class="header-nav right">
<li class="active"><a href="index.html">首页</a></li>
<li><a href="tally_book.html">任务一</a></li>
<li><a href="#">任务二</a></li>
</ul>
</div>
</header>
<div class="main-content">
<div class="pages show-0" id="mypage">
<div class="page">
<div class="center circle big team-logo">天天向上</div>
<div class="center desc">
<p>
毛主席说，我们要好好学习，day day up~所以我们来啦~~
</p>
<p>
我们分别来自南京、上海和东莞。虽然我们现在很菜，但是我们会努力让自己强大起来哒！~握拳！
</p>
</div>
</div>
<div class="page"><!-- coolking的page -->
<div class="center circle big team-logo" style="background-image: url('res/imgs/tiantian.jpg');"></div>
<div class="team-member center">
<div class="name">coolking</div>
<div class="more-info">[email protected]</div>
</div>
<div class="center desc">
<p>
来自南京的一名程序媛，是个研究僧~O(∩_∩)O~
</p>
<p>
喜欢做前端的成就感~想学一些真正的本事~想做一些自己的东西~
</p>
<p>
请多指教~~\(≧▽≦)/~
</p>
</div>
</div>
<div class="page"><!-- Pharing的page -->
<div class="center circle big team-logo" style="background-image: url('res/imgs/daydayup.jpg');"></div>
<div class="team-member center">
<div class="name">Pharing</div>
<div class="more-info"></div>
</div>
<div class="center desc">
</div>
</div>
<div class="page"><!-- crystalmoore的page -->
<div class="center circle big team-logo" style="background-image: url('res/imgs/xiaoxiao.jpg');"></div>
<div class="team-member center">
<div class="name">crystalmoore</div>
<div class="more-info">https://github.com/crystalmoore</div>
</div>
<div class="center desc">
<p>
来自东莞的前端小菜~~
</p>
<p>
第一次参与github的团队项目，内心按捺不住的小激动~~
</p>
<p>
谢谢我的队友一路上对我的鼓励，好好学习天天向上，哈哈哈！！！
</p>
</div>
</div>
</div>
<div class="ctr-points">
<div class="point selected"></div>
<div class="point"></div>
<div class="point"></div>
<div class="point"></div>
</div>
</div>
<script src="js/daydayup-0.1.0.js"></script>
<script>
/*注册事件*/
var now = 0;
var pages = document.getElementById("mypage");
pages.onmousewheel = getDirect;
// $('.pages').one('mousewheel', getDirect);
function getDirect(e) {
var page = $(this);
var delta = scrollFunc(e);
var next = now + delta;
if (next < 0) {
next = $('.pages .page').length - 1;
}
if (next >= $('.pages .page').length)
next = 0;
console.log(now +" to "+ next);
$(pages).removeClass(function() { return "show-"+now; });
$(pages).addClass(function() { return "show-"+next; });
$('.ctr-points .point').removeClass('selected');
$('.ctr-points .point:eq('+next+')').addClass('selected');
now = next;
}//IE/Opera/Chrome/Safari
//$('.pages').on('mousewheel', getDirect);
$('.ctr-points .point').each(function(index) {
$(this).click(function(){
var next = index;
$(pages).removeClass(function() { return "show-"+now; });
$(pages).addClass(function() { return "show-"+next; });
// setTimeout(function(){
// //$('.pages').one('mousewheel', getDirect)
// },1500);
now = next;
$('.ctr-points .point').removeClass('selected');
$(this).addClass('selected');
});
});
</script>
</body>
</html>