Welcome, Old Sport!

全屏滚动插件fullpage.js

by ilikecss ON 2016/04/28 1967

全屏滚动插件fullpage.js简单介绍fullpage.js老款插件了,最近在使用它。一个简单和易于使用的创建全屏滚动网站(也称为单页网站或onepage网站)的插件。它可以全屏滚动网站以及支持各种自定义样式和滑块效果。高级功能定制您可以对插件制作人进行付费咨询!

手机扫码查看

扫码查看

引入文件

<link rel="stylesheet" type="text/css" href="jquery.fullPage.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="vendors/jquery.easings.min.js"></script>
<script type="text/javascript" src="jquery.fullPage.js"></script>

HTML

<div id="fullpage">
    <div class="section">Some section</div>
    <div class="section">Some section</div>
    <div class="section">Some section</div>
    <div class="section">Some section</div>
</div>

方法调用

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

git: https://github.com/alvarotrigo/fullPage.js

中文参考: http://www.dowebok.com/77.html

实在有不懂的地方可以在下面评论,收到我会尽可能解答

又开始装逼了,快打他

7条评论
  1. #1

    有点蓝说道:

    demo有点像手机h5的效果

  2. #2

    握兰说道:

    这个看上去不错,适合产品推介

  3. #3

    欧频优艺说道:

    还不错,ps:你首页Chrome浏览器提示风险。

    • ilikecss说道:

      Hi,你能截个图给我吗? 我这里看了下没提示哦。 最好再告诉我chrome版本,谢谢。

      发到airos.zhou@ef.com

  4. #4

    好基地说道:

    这个插件是要收费的 还是咨询要收费




TOP