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

检查几次，不知道问题在哪。。。求助

<!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>
<style type="text/css">
div
{width:100px;
height:100px;
background-color:red;
margin:10px auto;}
</style>
    </head> 
    <body>
    <input id="left" type="button" value="左移"></input>
    <input id="right" type="button" value="右移"></input>
    <script type="text/javascript">
   $(function (){
    $("#left").bind("click",function(){
    $("div").animate({left:"+=50px"},800);
                });
     $("#right").bind("click",function(){
     $("div").animate({left:"-=50px"},800);
                });               
        });
            
    </script>
      <div></div>  
    </body>
</html>

问题在哪啊？

紫漾

2015-09-06

源自：jQuery基础课程 7-13

关注问题我要回答

291

操作

收起

2 回答

Y_du
2015-09-07

<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>
<style type="text/css">
div
{width:100px;
height:100px;
background-color:red;
margin:10px auto;
position:absolute;
}
</style>
    </head> 
    <body>
    <input id="left" type="button" value="左移"></input>
    <input id="right" type="button" value="右移"></input>
    <script type="text/javascript">
       $(function (){
            $("#left").bind("click",function(){
                $("div").animate({left: "150px"}, 800);
            });
            $("#right").bind("click",function(){
                $("div").animate({right: "-50px"}, 800);
            });               
        });            
    </script>
      <div></div>  
    </body>
</html>

如需对位置进行操作，记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute。