<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>fullPage.js — 回调函数演示</title>
<!-- animate 动画引入 -->
<link rel="stylesheet" href="css/animate.min.css">
<!-- jquery引入 -->
<script src="js/jquery-1.8.3.min.js"></script>
<!-- fullpage依赖引入 -->
<link rel="stylesheet" href="css/jquery.fullPage.css">
<script src="js/jquery-ui-1.10.3.min.js"></script>
<script src="js/jquery.fullPage.min.js"></script>
<!-- fullpage依赖引入 end-->
<!-- 自定义配置fullpage的js -->
<script src="js/cpjs.js"></script>
<style>
.section { text-align: center; font: 50px "Microsoft Yahei"; color: #fff;}
</style>
</head>
<body>
<div class="section">
<h3>第一屏</h3>
<p id="p1">fullPage.js — 回调函数演示</p>
</div>
<div class="section">
<h3>第二屏</h3>
<p id="p2">滚动到第二屏后的回调函数执行的效果</p>
</div>
<div class="section section3">
<h3>第三屏</h3>
<p id="p3">滚动到第三屏后的回调函数执行的效果</p>
</div>
<div class="section section4">
<h3>第四屏</h3>
<p id="p4">滚动到第四屏后的回调函数执行的效果</p>
</div>
</body>
</html>
fullpage.js结合animate.css实现滚屏动画
需积分: 49 182 浏览量
2018-06-11
11:39:25
上传
评论
收藏 100KB ZIP 举报
fullpage-js animate-css演示.zip （7个子文件） 
fullpage-js animate-css演示 css 
jquery.fullPage.css 3KB animate.min.css 17KB
index.html 1KB js jquery-ui-1.10.3.min.js 223KB cpjs.js 2KB jquery.fullPage.min.js 13KB jquery-1.8.3.min.js 91KB资源评论
