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

怎么使animate动画循环起来呢

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

        <title>制作移动位置的动画</title>

        <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>

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

    </head>

    

    <body>

        <h3>制作移动位置的动画</h3>

        <span></span>

        <div id="tip"></div>

        

        <script type="text/javascript">

            $(function () {

                $("span").animate({

                    left: "+=100px"

                }, 3000, function () {

                    $("span").animate({

                        height: '+=30px',

                        width: '+=30px'

                    }, 3000, function () {

                        $("#tip").html("执行完成!");

                    });

                });

            });

        </script>

    </body>

</html>


正在回答

2 回答

在函数外面再加以一个条件if(1)

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

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

        <title>制作移动位置的动画</title>

        <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>

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

    </head>

    

    <body>

        <h3>制作移动位置的动画</h3>

        <span></span>

        <div id="tip"></div>

        

        <script type="text/javascript">

            $(function () {

                $("span").animate({left: "+=100px"}, 3000, function () {

                    $(this).animate({height: '+=30px',width: '+=30px'}, 3000, function () 

                                                                                {

                                                                                     $("#tip").html("执行完成!");

                                                                                });

                });

            });

        </script>

    </body>

</html>


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

listenlo 提问者

没有达到循环效果呢
2016-05-18 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
jQuery基础课程
  • 参与学习       154768    人
  • 解答问题       7184    个

加入课程学习,有效提高前端开发速度

进入课程

怎么使animate动画循环起来呢

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