6

我需要编写一些在 4 个状态之间周期性翻转的 html 方形“动态图块”。基本上我需要的是这个插件的作用http://www.drewgreenwell.com/projects/metrojs，但在 4 个状态之间，而不仅仅是 2 个。是否有一个明确的 API/插件允许在 html 中进行实时磁贴管理/jquery 网站？我不是在构建 Windows 8 应用程序，我只是想在 Html 中模拟 Live Tiles 翻转，并希望它可以在所有主要浏览器中运行。谢谢。

4

5 回答 5

5

最后，Drew 的插件似乎确实支持多个瓦片状态，他提供了几个示例。样品 1和样品 2。它似乎做了我需要的动态瓷砖模拟。

于 2012-08-03T01:55:39.060 回答
4

我只是想在 Html 中模拟 Live Tiles 翻转，并希望它可以在所有主要浏览器中运行

我认为这就是你所需要的。翻动！http://lab.smashup.it/flip/

于 2012-08-02T17:21:14.683 回答
1

您可以考虑阅读这篇文章（下文），了解如何使用 CSS3/HTML5 过渡进行翻转。它不是 Javascript（因此没有 API），但根据我的经验，过渡效果在平滑度方面似乎更可靠一些。

带有 CSS 的动画元素墙

于 2012-08-02T17:47:04.120 回答
0

这应该很容易。具体来说：

  • 使用您的 N 平铺大小的内容创建一个 DIV
  • 剪辑它/将父 div 大小调整为 1 平铺大小
  • 确保溢出是隐藏的。
  • 使用 CSS 将翻译应用于以前的内容和新内容

那么一切都应该没问题。

于 2012-08-02T17:38:01.967 回答
-2

您可以使用 jQuery 或 jQuery UI 来获得此效果。jQuery 有.animate()、.show()和.hide()其他可以提供帮助的方法。

于 2012-08-02T17:02:45.390 回答