Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/471.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery元素定位问题_Javascript_Jquery_Html - Fatal编程技术网

Javascript jquery元素定位问题

Javascript jquery元素定位问题,javascript,jquery,html,Javascript,Jquery,Html,有人能告诉我为什么我下面的代码不起作用吗?按下左箭头键时,下面的代码应将我的div向左移动;按下右箭头键时,代码应将我的div向右移动。谢谢 <html> <head> <style type="text/css"> #movingdiv { color: #00FF00; font-family:arial;

有人能告诉我为什么我下面的代码不起作用吗?按下左箭头键时,下面的代码应将我的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>

#移动div{color:#00FF00;
字体系列:arial;
字体大小:18pt;左:50px;宽度:220px;背景色:黄色;}
$(“*”).keydown(函数(e){
如果(e.keyCode==37){//左箭头键
$(“#movingdiv”)。制作动画({
左:“-=900”
});
}
如果(e.keyCode==39){//右箭头键
$(“#movingdiv”)。制作动画({
左:“+=900”
});
}
});                                
sdfsdfsdf

尝试添加
位置:绝对

尝试添加
位置:绝对

您需要将定位CSS添加到div中:

位置:绝对位置; 左:50px


您需要将定位CSS添加到div中:

位置:绝对位置; 左:50px