(function($){
/* $('#div1').velocity({
width:'300px'
},{
duration:1000,
complete:function(){
$('#div2').velocity({
width:'300px'
},{
duration:1000,
});
}
});*/
var seq = [
{
elements: $('#div1'),
properties:{width:'300px'},
options:{duration:1000}
},
{
elements: $('#div2'),
properties:{width:'300px'},
options:{duration:1000}
},
{
elements: $('#div3'),
properties:{width:'300px'},
options:{duration:1000}
}
];
$.Veloctiy.RunSequence(seq);
})(jQuery);<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="css/style.css">
<title>velocity.js练习</title>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/velocity.min.js"></script>
<script type="text/javascript" src="js/velocity.ui.min.js"></script>
</head>
<body>
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
<script type="text/javascript" src="js/script.js"></script>
</body>
</html>
添加回答
举报
0/150
提交
取消