使用Jquery动画一系列结果

Question

我试图使用jQuery从数据库查询中动画一系列结果。

首先，我希望它显示类似于Soh Tanaka's web tutorial上的示例。 但是我还想添加一个行为，当用户点击它们悬停的那个时，它会扩展为使用jQuery填充整个父元素（在本例中为a）。

我希望这可能会使用z-index在其他元素之上“发生”。但我希望元素相对于它在页面上的位置进行扩展。

根据Soh Tanaka的教程

选择悬停的元素

此元素以这种方式动画和扩展

但是这个必须不同地制作动画

动画后元素的最终完成位置

我还希望左上方的元素图像有一个角落，动画完成后，放大框中的其他细节会逐渐消失。

如果他们可以单击后退按钮并且动画可以实现，那也很好。我不确定这是否必须是某种覆盖物，如灯箱或其他东西，因为我不希望其他元素必须移出所选元素动画的方式

希望有人有建议

丹

Answer 1

我创建了一个你似乎要求的jsfiddle实现。

http://jsfiddle.net/dm55u/3/

只需将图片添加到方框div。

如果我可以获得进一步的帮助，请告诉我

修改

更新了我的示例，以包含您要求的正确悬停效果。

http://jsfiddle.net/dm55u/5/

只需要一些微调。例如，许多javascript代码可以与常用功能共享。但生病离开这个任务取决于你。无论如何，这是你要求的一个工作实例。您现在需要的只是添加内容并进行微调。

修改

我有点惭愧地说这个。但似乎我无法帮助自己。我在提供的示例中添加了更多效果。所以这是另一个版本;）

http://jsfiddle.net/dm55u/9/