我需要一个jQuery效果

Question

我有很多照片，每张照片尺寸为200x150像素，每行有4张照片，有4条线。当我点击其中一个时，照片将淡出一些介绍文本，原始阵列照片将移动到页面的两侧。（应该有一个动画动作）当我关闭淡出照片时，原始照片将回到第一个位置。

有没有人有这种效果的演示？感谢。

Answer 1

据我了解，您希望有两个动作 -

1.fadein一张照片，同时将其他照片滑到一边。

1. 然后淡出中心照片并将其他照片滑动到原始位置。

可能有整个插件（可能是jquery插件）可用。你可以搜索。但你也可以尝试将这些动作分解为褪色和滑动，然后试试这个： -

对于淡入淡出的动作，jquery的fadeIn和fadeOut应该有效。对于滑动操作，我不确定要使用哪一个，但是从jquery effects列表中，slideToggle可能接近您想要的内容。

在这些页面中给出了演示