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

是attr那里不对?还是偷懒写法不对呢?

<!DOCTYPE html>

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <title>jQuery动画特效</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" />

    

        <style>

            .ipt{

                margin-top:100px;

            }

            span{

                position:absolute;

                width:80px;

                height:80px;

                background-color:yellow;

                border:3px solid pink;

                vertical-align:middle;

            }

        </style>

    </head>

    

    <body>

        <h3>JQuery动画特笑~.~</h3>

        <span></span>

        <input id="move" class="ipt" type="button" value="左移"></input>

         

        <script type="text/javascript">

            $(function(){

                $("#move").bind('click',function(){

                    if($("#move").val=="左移"){

                        $("#move").animate({

                            left:"-=50"

                            },3000);

                        $("#move").attr("value","右移");

                    }

                    else{

                        $("#move").animate({

                            left:"+=50"

                            },3000);

                        $("#move").attr("value","左移");

                    }

                });

            })

        </script>

    </body>

</html>



正在回答

4 回答

首先:$("#move").val=="左移"  这里写法不对,应该是:$("#move").val()=="左移";

其次:移动的对象不是#move  而是  span;

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

AL_Cherish 提问者

非常感谢!
2016-01-11 回复 有任何疑惑可以回复我~

还有val后面加括号

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

$("span").animate({

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

$("#move").animate({

改成span

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

举报

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

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

进入课程

是attr那里不对?还是偷懒写法不对呢?

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