                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /FullPage.js全屏滚动插件

我这样写不对么？为什么显示不出来，求大神指点

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
<title>无标题文档</title>
</head>

    <link rel="stylesheet" src=
  https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.7.4/jquery.fullPage.css />
 <script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.7.4/jquery.fullPage.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.7.4/vendors/jquery.easings.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.7.4/jquery.fullPage.min.js"></script>
 <script >
$(document).ready(function() {
    $('#fullpage').fullpage();
        
});
</script>
<body>
 <div id="fullpage">
  <div class="section">这是第一屏</div>
   <div class="section">这是第二屏</div>
    <div class="section">这是第三屏</div>
     <div class="section">这是第四屏</div>
 </div>
</body>
</html>

123_何以

2015-11-08

源自：FullPage.js全屏滚动插件 2-4

关注问题我要回答

1211

操作

收起

2 回答

李晓健
2015-11-08

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
    <title>无标题文档</title>
</head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.7.4/jquery.fullPage.css" />
<script src="http://cdn.bootcss.com/jquery/2.1.4/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.7.4/jquery.fullPage.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.7.4/vendors/jquery.easings.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.7.4/jquery.fullPage.min.js"></script>
<script >
    $(document).ready(function() {
        $('#fullpage').fullpage();

    });
</script>
<body>
<div id="fullpage">
    <div class="section">这是第一屏</div>
    <div class="section">这是第二屏</div>
    <div class="section">这是第三屏</div>
    <div class="section">这是第四屏</div>
</div>
</body>
</html>

2个问题

1、link 标签的路径地址属性是 href 不是 src

2、你的页面没有引入jquery文件 jquery.fullPage是依赖 jquery的。