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

哪位高人指点下我的代码为何移动无效呢？非常感谢

<!DOCTYPE html>

<html>

<head>

<title>jQuery动画特效</title>

</head>

<body>

$(function () {

$("#l").bind('click',function(){

$(this).animate({

left: "+=100px"

3000, function () {

$("#tip").html("执行左移完成!");

});

$("#r").bind('click',function(){

$(this).animate({

right: "+=80px"

3000, function () {

$("#tip").html("执行右移完成!");

});

</script>

</body>

</html>

resharpe

2016-06-22

源自：jQuery基础课程 7-13

关注问题我要回答

343

操作

收起

3 回答

weibo_哆啦A梦有大口袋_0 回答被采纳 +3 积分
2016-06-23

补充一点:你做作业，认真看下题目要求好吗，http://www.imooc.com/code/1104

出于对回答者的认同和尊重，解决了你的问题，请采纳，谢谢

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

收起回答

resharpe 提问者

非常感谢！

2016-06-24 回复有任何疑惑可以回复我~

weibo_哆啦A梦有大口袋_0
2016-06-23

<!DOCTYPE html>
<html>
    <head>
    <meta charset="utf-8">
        <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">
        /*http://www.imooc.com/code/335 ,把这个网站的第一段话读一遍*/
            input{position: relative;}
        </style>
    </head>
    
    <body>
       <input id='l' type='button' value='左移'><br>
       <input id='r' type='button' value='右移'>
       <span id='tip'></span>
       <script>
       $(function () {
                $("#l").bind('click',function(){
                $(this).animate({
                //以左边为圆点,+是向右移,-是向左移
                    left: "-=100px"                    
               },
               3000, function () {
                   $("#tip").html("执行左移完成!");
               });
                });
                $("#r").bind('click',function(){
               $(this).animate({
                  //以右边为圆点,+是向左移,-是向右移
                   right: "-=80px"                   
               },
               3000, function () {
                   $("#tip").html("执行右移完成!");
               });
                });
            });
        </script>
    </body>
</html>

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

收起回答