jQuery的动画IMG内里

我已经试过这两种方式的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。我在IM里做了img，具有Scimonster建议的相对定位。

谢谢

来源

2014-10-01 starvator

副歌。这里的答案就是为了这个目的。只要将适合您的那个标记为解决方案即可。 – melancia 2014-10-01 21:44:49

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

CSS：

.menu img {position: relative}

更新小提琴：从编辑你的问题只是指出该解决方案http://jsfiddle.net/xc7hp3hx/1/

来源

2014-10-01 18:19:57 Scimonster

请将代码更改添加到您的答案中，以便让每个人都清楚。另外，在修补OP原始代码时，尽量不要更改与问题无关的位。无论如何，+1。 – melancia 2014-10-01 18:23:21

@MelanciaUK完成。 – Scimonster 2014-10-01 18:25:36

干得好。干杯。 – melancia 2014-10-01 18:27:26

jQuery的动画IMG内里

回答

相关问题