用于窗口/窗格翻转效果的Javascript组件？

Question

我正在使用extjs对瘦客户端UI进行原型设计，并且正在寻找一种效果，该效果将模拟窗体/窗格翻转以显示另一个窗体/窗格。它用于具有两个主要属性集的对象的详细信息视图。

我找到了一个可以做到这一点的flex组件，甚至可以在立方体的面上模拟四种不同的形式。

用标签做一些更性感，更有趣的方法来做你已经可以做的事。

Answer 1

这种特殊效果可能尚未在跨浏览器的基础上提供。对给定的DOM元素进行透视变换只能以我所知的两种方式进行：

1）特定于渲染器的扩展，例如Webkit的-webkit-transform

2）在Canvas元素中渲染DOM元素，然后在

上进行变换

＃1的问题在于它显然不会是跨浏览器。 ＃2的问题在于你或多或少要为canvas编写自己的完整标记渲染器，以便真正获得任意DOM元素中的所有内容。

（OTOH，我不会让它超过一些雄心勃勃且聪明的JavaScript忍者试图＃2，所以虽然我还没有看到它，如果其他人可以指向类似的话，我不会感到惊讶它...）

Answer 2

如果您想在合理的时间内完成项目，我会坚持使用标签解决方案。 ExtJS不存在 - Flex中的那个会产生3D效果。关闭的唯一解决方案就是在一个表格的4个单元格中放入内容（根据您使用的箭头的方向），在DIV中，并将overflow属性设置为隐藏，这样您就可以屏蔽掉其他细胞并一次显示一个细胞。然后使用动画（fx）函数将内容滑入和滑出视图，也许使用一些箭头悬停或单击。