文章/答案/技术大牛

发布

问jquery元素定位问题
EN

Stack Overflow用户

提问于 2011-04-19 21:15:36

回答 2查看 64关注 0票数 0

有人能告诉我为什么我下面的代码不能工作吗？当按下向左箭头键时，下面的代码应该向左移动我的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>

html

javascript

jquery

回答 2

Stack Overflow用户

回答已采纳

发布于 2011-04-19 21:19:06

尝试添加position:absolute;

票数 3

Stack Overflow用户

发布于 2011-04-19 21:23:37

您需要将定位CSS添加到div：

位置:绝对；左: 50px；

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/5716928

复制

相似问题

问jquery元素定位问题
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jquery元素定位问题EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jquery元素定位问题
EN