jquery没有';我似乎认不出左边空白,我能做什么?

jquery没有';我似乎认不出左边空白,我能做什么?,jquery,css,margin,Jquery,Css,Margin,我不经常使用jquery,但我想制作一个侧栏的动画。我有一个670px的侧边栏菜单,左边距为-670。在鼠标悬停时,我希望左边距改为0px…显示隐藏内容。鼠标移出时,它应返回到-670。如果我只是处理边距(所有四个边),而不是左边距(只有左边距),那么我编写的代码似乎可以工作。但是,当我在代码中指定左边距时,就会出现错误。我有什么选择 现在我有“边距”而不是“左边距”,但这只是一个占位符。 这是我的密码: <script type="text/javascript"> //menu

我不经常使用jquery,但我想制作一个侧栏的动画。我有一个670px的侧边栏菜单,左边距为-670。在鼠标悬停时,我希望左边距改为0px…显示隐藏内容。鼠标移出时,它应返回到-670。如果我只是处理边距(所有四个边),而不是左边距(只有左边距),那么我编写的代码似乎可以工作。但是,当我在代码中指定左边距时,就会出现错误。我有什么选择

现在我有“边距”而不是“左边距”,但这只是一个占位符。 这是我的密码:

<script type="text/javascript">

//menu pull out
$(document).ready(function() {
 $('#left_menu').mouseover(function() {
  $('#left_menu').animate({
     margin: 0
  }, 1000, function() {
  });
});

//menu close
$('#left_menu').mouseout(function() {
  $('#left_menu').animate({
    margin:-670
  }, 1000, function() {

  });
});
});
</script>

//菜单拉出
$(文档).ready(函数(){
$(“#左菜单”).mouseover(函数(){
$(“#左菜单”)。设置动画({
保证金:0
},1000,函数(){
});
});
//菜单关闭
$(“#左菜单”).mouseout(函数(){
$(“#左菜单”)。设置动画({
保证金:-670
},1000,函数(){
});
});
});
试试:


您是否将左页边距写为
marginleft
,如果这种情况不起作用,您应该使用
leftMargin

只是检查一下,您使用的是“marginleft”,而不是“leftMargin”,是吗?如果您发布了您实际遇到问题的代码,这可能会对我们有更多帮助。您确定
mouseover
正在启动吗?您是否尝试过例如
警报('test')
或类似的方法来检查事件?噢。是的,我使用了左边距,但是……现在我将它改为左边距,虽然dreamweaver没有检测到任何错误,但代码不起作用。什么也没发生:(感谢您捕捉到这一点!dreamweaver不会显示任何错误,在FireBug中查找错误。还请指定边距单位-例如670px,而不是670@TheBetterWork请检查我的编辑。小姐使用了marginLeft的边距。如果它仍然不起作用,请做一个jsFiddle,我帮你整理。@this更好的工作你考虑过这个吗作为回答?你找到解决办法了吗?
$(document).ready(function() {
 $('#left_menu').mouseover(function() {
  $('#left_menu').animate({
     marginLeft: '0px'
  }, 1000, function() {
  });
});

//menu close
$('#left_menu').mouseout(function() {
  $('#left_menu').animate({
    marginLeft: '-670px'
  }, 1000, function() {

  });
});
});