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內裏

回答

相關問題