Question

我想知道是否可以在HTML页面上从Windows 8重新创建现代UI的磁贴系统。

我已经从this创建了this website。这是代码

<div class="tile pos1-1 w1h1 techolive"></div>
<div class="tile pos1-2 w1h1 techblue"></div>
<div class="tile pos2-2 w1h1 techred"></div>
<div class="tilebanner" style="font-size: 20px !important;">
    <a class="tile pos2-3 w2h1 techdarkblue" href="...">
                    List of<br/>
                    Sessions
    </a>
</div>

现在我想添加现代UI的相同slide movement效果。我的客人我需要javaScript来创建它。也许这个功能或类似的功能包含在HTML 5或CSS中。你知道我在哪里找到样品吗？

Answer 1

有一个名为Metro JS的jQuery插件。也许您可以使用它来使用jquery和javascript创建切片。

Answer 2

现在任何人都应该查看MetroUI - 它遵循与Twitter Bootstrap非常相似的方法，并且非常易于使用并产生非常好的结果。

它也是：

根据Microsoft的建议开发构建用户界面

所以你得到了一些真正适合Windows 8的东西

HTML 5中的现代UI（Metro）样式磁贴？

2 个答案: