窗口/窗格翻轉效果的Javascript組件？

Question

我正在使用extjs構建一個瘦客戶端UI原型，並且正在尋找一種效果，它將模擬窗體/窗格翻轉以顯示另一個窗體/窗格。它用於具有兩個主要屬性集的對象的詳細信息視圖。

我發現了一個可以做到這一點的flex組件，甚至可以模擬立方體面上的四種不同形式。

只是一個更性感，更有趣的方式做你已經可以做的標籤。

Answer 1

如果你想在合理的時間內完成你的項目，我會堅持標籤解決方案。對於ExtJS來說這不存在 - Flex中的這個功能會產生3D效果。關閉的唯一解決方案是在一個表格的4個單元格中將內容（根據您使用的箭頭的方向）滑入視圖中，並在DIV中將內容設置爲隱藏，這樣您就可以屏蔽掉其他細胞並一次顯示一個細胞。然後使用動畫（fx）函數將內容滑入或滑出視圖，也許可以將鼠標懸停或點擊一些箭頭。

Answer 2

這個特殊的效果可能還沒有在跨瀏覽器的基礎上提供。這樣做的角度給定的DOM元素轉換隻可能有兩種方式，我知道的：

1）渲染特定

擴展，像WebKit的 -webkit-transform

2）繪製一個Canvas元素，然後內部的DOM元素對此做轉換

＃1的問題在於它顯然不會是跨瀏覽器的。 ＃2的問題在於，你或多或少必須爲畫布編寫自己的完整標記呈現器，以便真正將所有內容都放入任意DOM元素中。

（OTOH，我不會把它放過一些雄心勃勃，聰明的JavaScript忍者嘗試＃2，儘管我還沒有看到它，但如果有人能指向某些東西，我不會感到驚訝喜歡它......）