fullpage.js插件——导航

来源：互联网发布：杭州工商大学网络教育编辑：程序博客网时间：2024/06/07 08:27

<body>        <div id="container">            <div class="section">                <h1>Where there's a will</h1>            </div>            <div class="section">                <h1>there is a way</h1>            </div>            <div class="section">                <div class="slide">横向滚动1</div>                <div class="slide">横向滚动2</div>                <div class="slide">横向滚动3</div>            </div>        </div>    </body>

<script>        $(function(){            $("#container").fullpage({                sectionsColor:["#fac45a","#23accf","#ffacca"],  //改变背景颜色(数组的使用)                navigation:true,              //开启导航                navigationPosition:"left",   //导航位置                navigationTooltips:["one","two","three"],    //导航提示内容                })            //fullpage外面            setInterval(function(){                $.fn.fullpage.moveSlideRight()            },3000)           //开启slide滚动        })</script>

//别忘了引入fullpage的css文件和js文件

阅读全文

0 0