圣诞降临日历

Question

我有一个出现日历的愿景，那里有带有颤抖的真实窗户的图片，当用户点击一张图片时，颤动打开以揭示它们背后的内容。

我该怎么做？我想我可以在jQuery中使用基本的slideDown方法。但有没有slideLeft和slideRight？还是一个openDoor，每个颤动都在一个轴上旋转？

这将是一个div，同时向左和向右打开过渡。

Answer 1

核心jQuery只有一个slideDown和slideUp（jQuery的许多不幸的特质之一）。但有jQuery UI（用户界面），这是jQuery框架的扩展，您可以通过它进行实现。它具有可接受方向和速度参数的滑动效果（请参阅有关http://docs.jquery.com/UI/Effects/Slide的文档）。

一个例子是

$("leftshutter").hide("slide", { direction: "left" }, 1000); 
$("rightshutter").hide("slide", { direction: "right" }, 1000); 

虽然这可能做的正好相反。

我不确定openDoor需要什么样的动作。你如何将Z轴绕Z轴旋转到二维平面？如果数学计算出来，可能会有一种方法可以使用核心.animate()函数来执行此操作，该函数动画了一组自定义的CSS属性。但是，这可能仅限于导致矩形的操作，而不是您可能需要的菱形。

Answer 2

我很好奇看到其他解决方案，我发现这...我想没有很多工作示例，所以尽管我会分享。 http://web.enavu.com/demos/curtain/