jquery动画循环问题:两个小球无限次弹跳

发布网友发布时间：2022-05-18 03:49

共5个回答

热心网友时间：2022-05-18 05:19

纯手写演示在我自己的服务器上有时候会死机无法访问.......
演示: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>

热心网友时间：2022-05-18 06:37

需要那么复杂么？
给你的函数加个名字，然后用延时加载即可，如下：
$(document).ready(function sssss(){
$(".dotA").animate({top:"100px"},500);
$(".dotB").animate({top:"200px"},500);
$(".dotA").animate({top:"0px"},500);
$(".dotB").animate({top:"0px"},500);
setTimeout("sssss()",0)
});

热心网友时间：2022-05-18 08:11

$(document).ready(function(){
setInterval(Begin,15000)
});
1.5秒执行一次下面的方法
function Begin()
{
$(".dotA").animate({top:"100px"},500);
$(".dotB").animate({top:"200px"},500);
$(".dotA").animate({top:"0px"},500);
$(".dotB").animate({top:"0px"},500);
}

热心网友时间：2022-05-18 10:03

套个while(true)循环？