为什么可以左移,右移却不行啊,检查半天没发现代码不妥啊。

来源:7-13 编程练习

仔仔se7en

2016-07-18 16:45

<script type="text/javascript">
        $(function(){
            $("#b1").bind("click",function(){
                $("h1").html("move left");
                $("div").animate({
                    left:"-=50px"
                },1500,function(){
                    $("h1").html("finish.");
                });
               
            });
            $("#b2").bind("click",function(){
                $("h1").html("move right");
                $("div").animate({
                    left:"+=50px"
                },1500,function(){
                    $("h1").html("finish.")
                });
            });
        });
    </script>

写回答 关注

2回答

  • 仔仔se7en
    2016-07-18 18:23:50

    <style type="text/css">
                    .div1{
                        position:relative;
                    width:100px;
                    height:100px;
                    border: solid 2px black;
                    background-color: purple;
                    color:White;
                    margin:20px auto;
                    margin-left:60px;
                        }
                </style>  

  • 慕仰9945263
    2016-07-18 17:22:23

    我试了一下可以的,div的css是不是有问题?

    我的div的css是这样的

    <style type="text/css">

    div{

    position:absolute;

    background-color:red;

    width:20px;

    height:20px;

    left:50%;

    right:50%;

    }

    </style>


    仔仔se7e...

    .div1{ position:relative; width:100px; height:100px; border: solid 2px black; background-color: purple; color:White; margin:20px auto; margin-left:60px;

    2016-07-18 18:24:50

    共 1 条回复 >

jQuery基础课程

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

154706 学习 · 7289 问题

查看课程