jquery動畫左圖像css

我試圖動畫圖像（animate({left:'0'}, 500）;當我點擊時事通訊菜單項時。這個圖像在開始時在css中被定義爲隱藏，然後它必須用動畫顯示。jquery動畫左圖像css

可能是，它可以用CSS通過添加或移除類完成，但我不知道怎麼辦。我給你一個我想要做的例子。

這裏是我的HTML結構：

<div id="newsletter" class="panel"> 
     <h2>Newsletter</h2> 

     <div id="myimage"> 
     <img class="img3" src="http://lorempixum.com/200/200/people/1"/>    
     </div> 
    </div>

我的CSS是這樣的形象：

#myimage { 
    overflow:hidden; 
    position:relative; 
} 
#myimage .img3 { 
    postion:absolute; 
}

在我的jQuery函數，我已經實現了下面的腳本：

//animate hide and show image right to left 
       $('#myimage img3').animate({left:'0'}, 500);

來源

2014-04-23 user979974

你的問題是什麼？ – Turnip

嗨3rror404，我想在div id =「myimage」下動畫我的圖片，每次當我點擊效果$（'＃myimage img3'）的時事通訊項目。animate（{left：'0'}，500 ）;但它在我的小提琴中不起作用。 – user979974

@ 3rror404，我想讓我的圖像從左到右可見。是的，你是對的，我在目標中添加了.img3。但它仍然不起作用。 – user979974

使用

 $('#myimage .img3').animate({left:'0'}, 500);

來源

2014-04-23 12:42:33 Bellash

我按照你的意見做了修改。效果仍然不起作用。 – user979974

jquery動畫左圖像css

回答

相關問題