-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtest.html
48 lines (45 loc) · 1.08 KB
/
test.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
body {
padding: 0;
margin: 0;
}
</style>
</head>
<body>
<!-- 基本的文档结构 -->
<div id="fullpage">
<div class="section">第一屏</div>
<div class="section">第二屏</div>
<div class="section">
<div class="slide">第三屏的第一屏</div>
<div class="slide">第三屏的第二屏</div>
<div class="slide">第三屏的第三屏</div>
<div class="slide">第三屏的第四屏</div>
</div>
<div class="section">第四屏</div>
</div>
<script src="./js/jquery.min.js"></script>
<script src="./js/jquery.fullPage.min.js"></script>
<script>
$(function(){
$('#fullpage').fullpage({
// 设置背景色
sectionsColor: ['#ccc', 'red', 'green'],
sectionSelector: '.abc',
//
afterLoad: function (anchorLink, index) {
console.log(anchorLink, index)
}
});
// $('.test').animate({
// with: 100px
// }, function () {});
});
</script>
</body>
</html>