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

一直是按顺序执行动画

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title></title>

<link rel="stylesheet" type="text/css" href="css/ResetStyle.css"/>

<link rel="stylesheet" type="text/css" href="css/Styles.css"/>

<script src="js/jquery-2.1.4.min.js" type="text/javascript" charset="utf-8"></script>

<script src="js/velocity.min.js" type="text/javascript" charset="utf-8"></script>

<script src="js/velocity.ui.min.js" type="text/javascript" charset="utf-8"></script>

<script src="js/Ani.js" type="text/javascript" charset="utf-8"></script>

</head>

<body>

<div class="container">

<div class="box">

<img src="imgs/back.jpg" />

<img class="buddy" src="imgs/head.jpg" />

<div class="inner">

<h3>慕课网</h3>

<span>慕课网,只学有用的</span>

<div class="btn">查看课程</div>

</div>

</div>

<div class="pop">

<div class="close">&times;</div>

<h3>慕课网</h3>

<span>慕课网,只学有用的</span>

<img src="imgs/pic1.jpg"/>

<img src="imgs/pic2.jpg"/>

<img src="imgs/pic3.jpg"/>

<img src="imgs/pic4.jpg"/>

</div>

</div>

</body>

</html>






$(document).ready(function(){

var container = $(".container");

var box = $(".box");

var buddy = $(".buddy");

var pop = $(".pop");

var open = $(".btn");

var close = $(".close");

var imgs = pop.find('img');

$.Velocity.RegisterEffect('slideUpIn',{

defaultDuration:500,

calls:[

[{opcity:[1 , 0],translateY:[0 , 100]}]

]

});

var seqInit = [{

elements:container,

properties:'slideUpIn',

options:{

delay:300

}

},{

elements:box,

properties:'slideUpIn',

options:{

}

},{

elements:buddy,

properties:'slideUpIn',

options:{

delay:60

}

}];

$.Velocity.RunSequence(seqInit);

})


正在回答

2 回答

是我看了一半视频没看到后面:D

0 回复 有任何疑惑可以回复我~

看老师的讲解,是按照动画数组(如你这里的seqInit )顺序执行

1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

一直是按顺序执行动画

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