【问题标题】:Dynamic Tile based layout基于动态平铺的布局
【发布时间】:2015-02-12 00:03:52
【问题描述】:

您好,我想制作一个布局,其中瓷砖(1x1、1x2 和 2x2)填充网格,当您单击其中一个瓷砖时,它会展开到更大的窗口并适合周围瓷砖内的更大区域它。

这是我的意思的一个例子http://village.marimekko.com/

任何人都可以建议这样做的最佳做法,我曾希望只使用一个主题,但我找不到任何正确的东西!

非常感谢,

【问题讨论】:

    标签: jquery ajax wordpress-theming grid-layout html5-animation


    【解决方案1】:

    我建议你看看Isotope,它会为你很好地处理布局。对于扩展部分,只需将容器扩展为更大的尺寸即可;同位素会自动重新布局。

    【讨论】:

    • 谢谢,您对调整大小有何建议? jQuery/JS?它可能只需要一个即时过渡。
    • 在你的 css 中为每个尺寸定义一个类:.small {width:10px; height:10px;}.medium {width:10px; height:20px;} 等等。理想情况下,您希望它具有响应性(使用% 而不是px)。然后你点击切换类。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2011-03-08
    • 2016-12-03
    • 1970-01-01
    • 1970-01-01
    • 2022-12-08
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多