在项目上单击事件后将div区域向左/向右移动的JavaScript效果?

在项目上单击事件后将div区域向左/向右移动的JavaScript效果?,javascript,jquery,user-interface,effect,Javascript,Jquery,User Interface,Effect,我有一个关于Javascript的问题:我想要有像flickr在页面上一样的左/右移动照片的效果(如果你点击图片下的一个点,请比较他们页面的标题) 如果你能告诉我如何使用纯JavaScript、CSS或JavaScript框架jQuery,那将对我非常有帮助 提前感谢,, Jonas使用jQuery,您可以使用animate函数为一组CSS属性设置动画。例如,要将元素向左移动100像素,需要1000毫秒(1秒)来执行动画,请执行以下操作: $("#elementId").animate({

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

如果你能告诉我如何使用纯JavaScript、CSS或JavaScript框架jQuery,那将对我非常有帮助

提前感谢,,
Jonas

使用jQuery,您可以使用
animate
函数为一组CSS属性设置动画。例如,要将元素向左移动100像素,需要1000毫秒(1秒)来执行动画,请执行以下操作:

$("#elementId").animate({
        marginLeft: "-=100"
    }, 1000, function() {
        //Complete
    }
);
有关工作示例,请参见