javascript - 如何进行对角网格布局？

Question

我想为项目库开发对角网格布局。我找到了一个有我需要的项目 - http://neolab.no/。

这是我必须做的布局。 http://felipefernandes.nu/beta/fsmohan/screenshot/Wireframe_Site_FSMohan-05.jpg

有任何想法吗？

Answer 1

您有一些选择，但没有一个非常好：

• 切碎图像：这看起来不错，但是您的悬停会很困难，因为它们将基于矩形。
• 使用图像地图：您的悬停区域将能够正确排列，但效果会很困难。
• CSS3 转换：如果您只能处理 IE9+，这可能是一个选项。您必须保存顺时针旋转的图像，然后通过 CSS 逆时针旋转它们（反之亦然）。这是一个简单的例子。
• 采用<canvas>
• 使用 Flash：老实说，这可能是您在功能和外观方面的最佳选择，但强迫您的网站依赖插件会带来很多问题。