Question

我正在尝试使用jQuery

为img menu.png制作动画

我尝试了这两种方法，但都没有奏效。

$('#toggle').children().animate({left:'150px'},200)
$('li#toggle > img').animate({left:'150px'},200)

我的HTML：

<div class="menu">
  <ul>
    <li id="toggle"><img src="png/menu.png"/></li>
    <li><a href="#1"><img src="png/dwelling1.png"/> Home</a></li>
    <li><a href="#2"><img src="png/help1.png"/> About</a></li>
    <li><a href="#3"><img src="png/mail59.png"/> Contact</a></li>
    <li><a href="#4"><img src="png/business.png"/> Other</a></li>
  </ul>
</div>

是否有人看到错误？

编辑：我更新的JSFiddle。我使得img中的img具有Scimonster建议的相对位置。

谢谢

Answer 1

它运作得很好。 left是动画的。你只是看不到它，因为它还需要CSS position: relative。否则，它在文档中保持其原始位置。

CSS：

.menu img {position: relative}

更新了小提琴：http://jsfiddle.net/xc7hp3hx/1/

jQuery动画img里面的li

1 个答案: