jQuery向左移动

时间:2012-05-17 12:16:51

标签: jquery html css move

我正在尝试为子菜单添加一个很好的效果,但我不能使用marginLeft,因为它会使容器陷入困境。所以我尝试使用left代替marginLeft,但我无法让它发挥作用...任何想法为什么?

$('#order_list li').hover(function(){
  $(this).stop().animate({ "left": "14px" }, 250, function() {
    $(this).animate({ "left": "10px" }, 250);
  });
},function(){
  $(this).stop().animate({ "left": "4px" }, 250, function() {
    $(this).animate({ "left": "0px" }, 250);
  });
});

2 个答案:

答案 0 :(得分:4)

CSS Left仅适用于positioned元素。

尝试将position:relative;添加到li

e.g。

#order_list li {
  position: relative;
}

答案 1 :(得分:0)

$('#order_list li').hover(function(){
  $(this).stop().animate({ "textIndent": "14px" }, 250, function() {
    $(this).animate({ "textIndent": "10px" }, 250);
  });
},function(){
  $(this).stop().animate({ "left": "4px" }, 250, function() {
    $(this).animate({ "textIndent": "0px" }, 250);
  });
});