jquery动画循环

发布网友发布时间：2022-04-29 04:28

共2个回答

热心网友时间：2022-04-23 14:18

可以建个时间器,每2秒运行：
$(document).ready(function(){
setTimeout(function () { abc(); }, 2000)
});
function abc()
{
.animate({top:"-=20px"},2247)
.animate({top:"+=20px"},2247)
.animate({left:"-=20px"},2247)
.animate({left:"+=20px"},2247)
}

热心网友时间：2022-04-23 15:36

演示:http://help.kansea.com/jquery//282037532.html
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
function move(a) {
$(".dotA")
.animate({
top:a.offset_topA//弹跳像素
},
o.speed,//动画速度
o.fx//动画完成后执行函数
);
}
o = {};

o.spead = 500;//速度
o.move = 0;//初始化动作

o.fx = function(){
if(o.move==0){//判断动作
o.move = 1;//改变动作
a = {
offset_topA:"100px"//移动像素
};
}else{
o.move = 0;
a = {
offset_topA:"0px"
};
}
move(a);//执行
}
$(document).ready(function() {
o.fx();//调用
});
</script>
<style>
.dotA,.dotB{
float:left;
display:block;
position:absolute;
width:50px;
height:50px;
background:red;
}
</style>
<div class='dotA'>s</div>