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

请教大神看看我的代码有错误吗，为什么div不动呢

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>jQuery动画特效</title>
        <style type="text/css">
            div{
            background-color: #ff592e;
            border-radius:6px;
            border:2px solid #999999;
            width:200px;
            height:200px;
            line-height:200px;
            position:absolute;
            text-align:center;
            color: #22608b;
            font-weight:bold;
            margin-top:30px;

        </style>
    </head>
    
    <body>
        <div></div>
        <input id="left" type="button" value="左移"/>
        <input id="right" type="button" value="右移"/>
        <script type="text/javascript">
            $(function(){
                $("#left").bind("click",function(){
                    $("div").animate({
                        left:"-=50px"
                    },3000,function(){
                        $("div").html("左移执行完成")
                    })
                })
                $("#right").bind("click",function(){
                    $("div").animate({
                        right:"+=50px"
                    },3000,function(){
                        $("div").html("右移执行完成")
                    })
                })
                })
        </script>
    </body>
</html>

_This

2015-11-25

源自：jQuery基础课程 7-13

关注问题我要回答

205

操作

收起

2 回答

Jalanp 回答被采纳 +3 积分
2015-11-25

1、首先，你没有将jquery引入进来；

2、右移是left:"+=50px"，而不是right:"+=50px"；

3、请注意你的编程习惯，很多地方在旧的浏览器会有问题！

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

收起回答

_This 提问者

非常感谢！

2015-11-27 回复有任何疑惑可以回复我~

慕男婶
2015-11-25

$(function(){
                $("#left").bind("click",function(){
                    $("div").animate({
                        // 改成 left:"-50"
                        left:"-=50px"
                    },3000,function(){
                        $("div").html("左移执行完成")
                    })
                })
                $("#right").bind("click",function(){
                    $("div").animate({
                        // 改成 left:"50"
                        right:"+=50px"
                    },3000,function(){
                        $("div").html("右移执行完成")
                    })
                })
                })

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

收起回答