JQuery動畫切換圖像

我需要幫助，我創建了一個隱藏/顯示菜單的腳本，並添加了一個圖像（icon/down.png）。我想在運動改變時改變圖像（向下/向上）。JQuery動畫切換圖像

<script type="text/javascript"> 
     function showDiv(element){ 
      $(element).animate({"height": "toggle"}, { duration: 1000 }); 
     } 
    </script> 
     <img src="icon/down.png" width="12" height="12" /><a href="javascript:showDiv('#menu')">Menu</a> 
        <ul id="menu"> 
         <li><a href="#" target="_blank">Element A</a></li> 
         <li><a href="#" target="_blank">Element A</a></li> 
         <li><a href="#" target="_blank">Element A</a></li> 
        </ul>

來源

2011-12-12 Orezhon

你能指定你的實現的一部分不工作？這會讓你更容易幫助你。 – piersadrian

您可能需要先爲img指定一個ID，然後使用getElementById來獲取圖像。 JQuery也可以工作，但它並不能讓事情變得更容易。 – S200

http://jsfiddle.net/J8TfX/2/

function showDiv(element){ 
    var $img = $(element).stop().animate({"height": "toggle"}, { duration: 1000 }).prevAll('img'); 
    if ($img.attr('src') == 'icon/down.png') { 
     $img.attr('src', 'icon/up.png'); 
    } else { 
     $img.attr('src', 'icon/down.png'); 
    } 
}

文檔爲.prevAll()：http://api.jquery.com/prevall/

來源

2011-12-12 00:31:33 Jasper

當頁面更改時，我可以保存動畫的狀態嗎？ – Orezhon

JQuery動畫切換圖像

回答

相關問題