04.用fullpage+less实现360浏览器之站点基本结构（1）

发表于 | 分类于

除了下面的资源要引入后，还要引入less（css）和less.js和index.js，顺序不能乱

还有rel=”stylesheet/less“ 别忘了less文件引入的时候要设置这个，因为这样less.js才认识这个

01.fullpage简介，基本使用，常用属性

html

1
2
3
4
5
6
7
8
9
<body>
<div id="fullpage">
    <div class="section">Some 1section</div>
    <div class="section">Some 2section</div>
    <div class="section">Some 3section</div>
    <div class="section">Some 4section</div>
</div>

</body>

index.js

1
2
3
4
5
6
window.onload = function () {
    new fullpage('#fullpage', {
        sectionsColor: ['#0da5d6', '#2ab561', '#de8910', '#16ba9d', '#0da5d6'],
     
    });
}