模拟在html中翻转活动磁贴
我需要编写一些html方形“活动磁贴”，它可以定期在4种状态之间切换。 基本上我需要的是这个插件是什么http://www.drewgreenwell.com/projects/metrojs ，但在4个状态之间，而不仅仅是2.是否有一个确定的API /插件允许在html中进行实时磁贴管理/ jquery网站？ 我不是在构建一个Windows 8应用程序，我只是想模拟在Html中翻转的Live Tiles，并希望它能在所有主流浏览器中运行。 谢谢。
最后，似乎Drew的插件确实支持多个瓦片状态，他提供了几个样本。 样品1和样品2 。 它似乎做了我需要的实时瓷砖模拟。
我只是想模拟在Html中翻转的Live Tiles，并希望它能在所有主流浏览器中运行
我想这就是你需要的。 翻转！ http://lab.smashup.it/flip/
您可以考虑阅读本文（下面），了解如何使用CSS3 / HTML5过渡进行翻转。 它不是Javascript（因此没有API），但根据我的经验，过渡效果在平滑性方面似乎更可靠。
CSS动画元素墙
这应该很容易。 特别：
- 使用N个磁贴大小的内容创建DIV
- 将父div剪裁/调整为1个tile大小
- 确保隐藏溢出。
- 使用CSS将translate’s应用于之前的内容和新内容
那一切都应该没问题。
您可以使用jQuery或jQuery UI来获得此效果。 jQuery有.animate() .show() .animate() .show() .hide()和其他可以提供帮助的方法。