                        课程
                    
                        /前端开发
                        
                            /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.1/jquery.min.js" type="text/javascript"></script>
</head>
<style>
    div{
         position:relative;
        width:50px;
        height:50px;
        background-color:#f00;

        }

</style>
<body>
    <div></div>
    <button id="left">左</button>
    <button id="right">右</button>
     <script>
    $(function(){
        $("#left").bind("click",function(){
            $("div").animate({left: "-=50px;"},1000);
        });
          $("#right").bind("click",function(){
            $("div").animate({left: "+=50px;"},1000);
        });

    });
    </script>
</body>
</html>

钰holl

2014-12-10

源自：jQuery基础课程 7-13

关注问题我要回答

569

操作

收起

3 回答

钰holl 提问者
2014-12-10

解决错误了，left后面的参数千万别用分号；用逗号就对了，

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

收起回答

钰holl 提问者
2014-12-10

求各位大神能帮我看看上面的代码那里出问题了吗？

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

收起回答

钰holl 提问者
2014-12-10

<!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.1/jquery.min.js" type="text/javascript"></script>
</head>
<style>
    div{
         position:relative;
        width:50px;
        height:50px;
        background-color:#f00;
       
        }
    
</style>
<body>   
    <div></div>
    <button id="left">左</button>
    <button id="right">右</button>
     <script>
    $(function(){
        $("#left").bind("click",function(){
            $("div").animate({left: "-=50px;"},1000);        
        });
          $("#right").bind("click",function(){
            $("div").animate({left: "+=50px;"},1000);       
        });
                
    });
    </script>
</body>
</html>

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

收起回答