JavaScript在点击事件后向左/向右移动div区域的效果？

Question

我有一个关于Javascript的问题:我想要在他的页面上像flickr一样将照片移动到左边/右边一样的效果(请比较他们页面http://www.flickr.com上的标题，如果你点击图片下面的一个点)。

如果你能告诉我如何用纯JavaScript、CSS或JavaScript框架jQuery来做这件事，那将对我非常有帮助！

先谢谢你，乔纳斯

Answer 1

通过jQuery，您可以使用animate函数来设置一组CSS属性的动画。例如，要将一个元素向左移动100个像素，执行动画需要1000ms (1秒)：

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

有关工作示例，请参阅this fiddle。