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

为什么我的显示文本有问题啊

向左向右移动时，只能显示向右移动，向左移动显示不出来，但是实际的效果是可以实现作用移动的呢

sally兰影

2015-04-29

源自：jQuery基础课程 7-13

关注问题我要回答

425

操作

收起

1 回答

犇犇大卵
2015-12-23

贴出你的代码来<!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>

    <body>
        <button id="left">左移</button>
        <button id="right">右移</button>
        <div style="width:200px; border:1px solid red; height:200px; background-color:yellow; position:relative; margin:0 auto" id="fk">我叫div</div>
        <span ></span>
        <script type="text/javascript">
           $(function(){
                $("#left"). bind("click",function(){
                    $("#fk").animate(
                        {left:"-=50px"},3000,function(){
                            $("span").html("执行完成");
                        }
                        );
                });
                $("#right").bind("click",function(){
                    $("#fk").animate(
                    {left:"+=50px"},3000,function(){
                        $("span").html("执行完成");
                    }
                        );
                });
            });
        </script>
    </body>
</html>