在某個項目上發生點擊事件後，將div區域移動到左/右的JavaScript效果？

Question

我有一個關於Javascript的問題：我想要將照片移動到左側/右側，如flickr在他的頁面上（請比較頁面上的頁眉http://www.flickr.com，如果單擊下面的一個點圖片）。

如果您可以告訴我如何使用純JavaScript，CSS或JavaScript框架jQuery來做到這一點，那對我來說會非常有幫助！

由於提前， 喬納斯

Answer 1

使用jQuery你可以使用animate功能動畫一組CSS屬性。例如，移動元件100個的像素的左側，以1000毫秒（1秒）來執行動畫：

$("#elementId").animate({ 
     marginLeft: "-=100" 
    }, 1000, function() { 
     //Complete 
    } 
); 

用於工作實施例參見this fiddle。