                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /FullPage.js全屏滾動插件

為什么slide沒有效果呢？

DOCTYPE html>

<html>

<head>

? ? <meta charset="UTF-8">

? ? <meat name="viewport" content="widt=device-width, initial-scale=1,user-scalable=no/">

? ? <link rel="stylsheet" />

? ? <style type="text/css">

? ? body{background: #fff;}

? ? .section1{background: orange;}

? ? .section2{background: green;}

? ? .section3{background: gray;}

? ? .section4{background: red;}

? ? ? ? ?.slide{text-align: center;}

? ? </style>

?</head>

<body>

? <div id="fullpage">

? <div class="section section1"><h1>第一屏</h1></div>

? <div class="section section2">

? ? ? ? <div class="slide">第二屏的第一屏</div>

? ? ? ? <div class="slide">第二屏的第二屏</div>

? ? ? ? <div class="slide">第二屏的第三屏</div>

? ? ? ? <div class="slide">第二屏的第四屏</div>

? ? </div>

? <div class="section section3"><h1>第三屏</h1></div>

? <div class="section section4"><h1>第四屏</h1></div>

? </div>

?<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-beta1/jquery.js"></script>

? ? <script type="text/javascript">

? ? $(document).ready(function(){

? ? $('#fullpage').fullpage();

? ? })

? ? </script>

</body>

</html>

成長前端初學者

2016-12-05

源自：FullPage.js全屏滾動插件 1-2

關注問題我要回答

1221

操作

收起

2 回答

零下的夏天回答被采納 +3 積分
2016-12-06

是樣式沒有加上，應該是stylesheet，而你寫的是stylsheet

0 回復有任何疑惑可以回復我~

收起回答

成長前端初學者提問者

非常感謝！

2016-12-06 回復有任何疑惑可以回復我~

飛天意大利面神獸
2016-12-06

同學你用的cdn特別慢，代碼是可以正常顯示的，cdn地址可以換成以下。
css:
<link rel="stylesheet" href="

js:
<script src="https://cdn.bootcss.com/jquery/3.1.1/jquery.min.js" charset="utf-8"></script>
<script src="https://cdn.bootcss.com/fullPage.js/2.8.9/vendors/jquery.easings.min.js" charset="utf-8"></script>
<script src="https://cdn.bootcss.com/fullPage.js/2.8.9/jquery.fullPage.min.js" charset="utf-8"></script>