Jquery元素定位问题

jquery element positioning problem

本文关键字：问题定位元素 Jquery 更新时间：2023-09-26

谁能告诉我为什么我下面的代码不工作?下面的代码应该在按下左箭头键时将div移动到左边，在按下右箭头键时将div移动到右边。由于

 <html>                                                                  
 <head> 
<style type="text/css">
  #movingdiv {   color: #00FF00;
  font-family:arial;
  font-size: 18pt; left: 50px; width: 220px; background-color: yellow;}
</style>                                                                 
 <script type="text/javascript" src="jquery-1.5.2.min.js"></script>          
 <script type="text/javascript">                                         
   $("*").keydown(function(e) {
  if(e.keyCode == 37) { // left arrow key
    $("#movingdiv").animate({
      left: "-=900"
    });
  }
  else if(e.keyCode == 39) { // right arrow key
    $("#movingdiv").animate({
      left: "+=900"
    });
  }
});                                
 </script>                                                               
 </head>                                                                 
 <body>                                                                  
   <div id="movingdiv">sdfsdfsdf</div>                                    
 </body>                                                                 
 </html>

尝试添加position:absolute;

你需要为div:

添加定位CSS

:绝对;左:50 px;

http://jsfiddle.net/Canuteson/XZt98/