为了账号安全,请及时绑定邮箱和手机立即绑定

为什么我的movs动画一直无法实现呢?

<!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" />

<title>无标题文档</title>

<link href="https://cdn.bootcss.com/fullPage.js/2.6.7/jquery.fullPage.css" rel="stylesheet">


<script src="jquery-3.3.1.min.js"></script>

<script src="https://cdn.bootcss.com/fullPage.js/2.6.7/jquery.fullPage.js"></script>

<script src="https://cdn.bootcss.com/fullPage.js/2.6.7/vendors/jquery.easings.min.js"></script>

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/move.js/0.5.0/move.js"></script>

<link rel="stylesheet" href="stylp.css">

<style type="text/css">


</style>

</head>


<body>



<div id="fullpage">

    <div class="section section1"><h1>它终于来了</h1>

<p>MOOC学院(慕课) 推荐课程 全部课程 Introduction to Classical Music 古典音乐导论 生活英语听说 文物精品与文化中国</p>

        <a href="#">进一步了解</a>

    </div>

        <div class="section"></div>

        <div class="section"></div>

        <div class="section"></div>

    </div>

</body>


<script>

$(document).ready(function() {

 $('#fullpage').fullpage({

verticalCentered:false,

anchors:['page1','page2','page3','page4'],

navigation:true,

navigationTooltips:[],

afterLoad:function(anchorLink,index){

switch(index){

case 1:

move('.section1 h1').scale(1.5).end();

move('.section p').set('margin-top','5%').end();

}

},

});

});

</script>

</html>


正在回答

举报

0/150
提交
取消
FullPage.js全屏滚动插件
  • 参与学习       43827    人
  • 解答问题       202    个

基于jQuery的全屏滚动效果插件,让翻页显得格外的高端大气上档次

进入课程

为什么我的movs动画一直无法实现呢?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信