是否有任何实时元素大小调整的例子？

Question

我有一个概念，类似于newsmap.jp其中的元件被赋予基于特定值的值和基于像实时与任何页面清爽的容器，一个网格，值他们调整

有没有人每天看到的类似的东西？如果没有，你是否有正确的方向来指导我如何开始构建它。我对PHP很好，但对jQuery不太了解。

UPDATE 1：这些都不错，但我正在寻找一个不断调整元素大小（基于算法）的脚本。基本上它是响应周围不断变化的元素的大小的东西，而不是仅当浏览器窗口重新调整大小时才会改变的东西。那有意义吗？

Answer 1

你的意思是“砌体”效应吗？看看这里：http://isotope.metafizzy.co/或http://packery.metafizzy.co/

Answer 2

你可以到这里看看http://masonry.desandro.com/

但你可以改变的div或任何其他元素的大小，使用jQuery/JavaScript的。

见jQuery的例子：

<div id='test'>Lorem ipsum sit amet</div> 

<script>$('#test').attr('width','200px');</script> 

Answer 3

有jQuery的几个这样的插件。您可以在这个页面找到很多：

http://www.wtfdiary.com/2012/08/6-amazing-jquery-plugins-to-design.html

与此页：

http://bashooka.com/coding/jquery-plugins-for-creating-grid-layout/

我最喜欢的人是同位素：

http://isotope.metafizzy.co/index.html

和BlocksIt：

http://www.inwebson.com/jquery/blocksit-js-dynamic-grid-layout-jquery-plugin/