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

为什么右移没有效果呢？

左移应该是{left:"+=50px"}还是{left:"-=50px"}?

逐梦凡

2015-06-05

源自：jQuery基础课程 7-13

关注问题我要回答

591

操作

收起

1 回答

_老鹰_
2015-06-05

<!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.0/jquery.js" type="text/javascript"></script>
    </head>
    
    <body>
     <input type="button" id="left" value="左移"/>
     <input type="button" id="right" value="右移"/>
     <div>hello!<div>
     <script type="text/javascript">
     $(function(){
         $("div").css({"position":"absolute"});
     $("#left").bind("click",function(){
         $("div").animate({
             left:"+=50px"
         })
     })
     $("#right").bind("click",function(){
         $("div").animate({
            left:"-=50px"
         })
     })
     });
     </script>
    </body>
</html>