給個正確答案大家做參考!
<DOCTYPE html>
<html>
<head>
? ? <meta charset="UTF-8">
? ? <link rel="stylesheet" href="css/style.css" type="text/css">
? ? <meat name="viewport" content="widt=device-width, initial-scale=1,user-scalable=no/">
? ? <link rel="stylesheet" /> ??
? ??
? ? <style>
? ? ?body{
? ? ? text-align: center;
? ? ?}?
? ? </style>
?</head>
<body>
? <div id="fullpage">
? <div class="section "><h1>這個是第一屏</h1></div>
? <div class="section ">
? ? ? ? <div class="slide">這個是第二屏的第一頁</div>
? ? ? ? <div class="slide">這個是第二屏的第二頁</div>
? ? ? ? <div class="slide">這個是第二屏的第三頁</div>
? ? ? ? <div class="slide">這個是第二屏的第四頁</div>
? ? </div>
? <div class="section"><h1>這個是第三屏</h1></div>
? <div class="section"><h1>這個是第四屏</h1></div>
? </div>
?<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-beta1/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.7.8/jquery.fullPage.js"></script>
? ?
? ? <script type="text/javascript">
? ? $(document).ready(function(){
? ? $('#fullpage').fullpage({
? ? ? sectionsColor:['green','orange','pink','red'],
? ? ? ? });
? ? })
? ? </script>
</body>
</html>
2017-03-13
感謝呢? ??