JQuery.fullpage.js是一款輕量級(jí)的JQuery插件，它可以幫助開(kāi)發(fā)者快速實(shí)現(xiàn)網(wǎng)頁(yè)切換效果，使用戶可以通過(guò)滾動(dòng)了解整個(gè)網(wǎng)站的內(nèi)容。

這個(gè)插件十分易用，只需要在頁(yè)面中引入JQuery.fullpage.js的js和css文件，在html中添加所需要的容器和頁(yè)面元素，即可實(shí)現(xiàn)切屏效果。

<!--引入css-->
<link rel="stylesheet" type="text/css" href="jquery.fullpage.css"/>
<!--引入jquery-->
<script type="text/javascript" src="jquery.min.js"></script>
<!--引入jquery.fullpage.js-->
<script type="text/javascript" src="jquery.fullpage.min.js"></script>
<!--容器-->
<div id="fullpage">
<!--頁(yè)面1-->
<div class="section">
<h1>頁(yè)面1</h1>
</div>
<!--頁(yè)面2-->
<div class="section">
<h1>頁(yè)面2</h1>
</div>
<!--頁(yè)面3-->
<div class="section">
<h1>頁(yè)面3</h1>
</div>
<!--頁(yè)面4-->
<div class="section">
<h1>頁(yè)面4</h1>
</div>
</div>

其中，容器用于裝載頁(yè)面元素，每個(gè)頁(yè)面元素都有類名為section，插件會(huì)根據(jù)類名來(lái)判斷頁(yè)面元素的數(shù)量和位置。在默認(rèn)情況下，頁(yè)面會(huì)垂直滾動(dòng)，如果需要橫向滾動(dòng)，可以在容器中添加類名為horizontal。

JQuery.fullpage.js還提供了很多配置項(xiàng)，可以自定義切屏效果、滾動(dòng)方向、滾動(dòng)速度等，詳細(xì)用法可以查看官方文檔。