                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础课程

为什么只能左移，无法右移呢？

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
        <title>jQuery动画特效</title>
    </head>
    <style>
        div{
            position:absolute;
            width:100px;
            height:100px;
            background:green;
            margin-top:30px; 
        }
    </style>
    <script type="text/javascript">
    $(function(){
        $("#left").bind("click",function(){
            $("div").animate({left:"+=50px"},3000)
        });
        $("#right").bind("click",function(){
            $("div").animate({right:"-=50px"},3000)
        });
            
    });
        
    </script>
    <body>
        <div></div>
        <input id="left" type="button" value="左移"/>
        <input id="right" type="button" value="右移"/>
    </body>
</html>

Charliezhang

2015-12-26

源自：jQuery基础课程 7-13

关注问题我要回答

222

操作

收起

1 回答

Niweisi 回答被采纳 +3 积分
2015-12-26

        $("#left").bind("click",function(){
            $("div").animate({right:"+=50px"},3000)
        });
        $("#right").bind("click",function(){
            $("div").animate({right:"-=50px"},3000)
        });

都写成right就对了