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

时间:2013-05-27 11:56:26

标签: javascript jquery html5 image responsive-design

我有一个类似于newsmap.jp的概念,其中元素基于特定值被赋予一个值,并且它们基于网格中的值实时调整大小,实时不刷新任何页面

有没有人见过这样的东西?如果没有,你是否有正确的方向指示我将如何开始构建它。我很擅长PHP而不是jquery。

UPDATE 1 :这些很好,但我正在寻找一个不断调整元素大小的脚本(基于算法)。基本上它是响应周围不断变化的元素的大小而不是仅在浏览器窗口重新调整大小时才会发生变化的东西。这有意义吗?

3 个答案:

答案 0 :(得分:1)

您可以在此处查看http://masonry.desandro.com/

但您可以使用jquery / javascript更改div或任何其他元素的大小。

参见关于jquery的例子:

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

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

答案 1 :(得分:0)

你的意思是“砌体”效应吗?点击此处:http://isotope.metafizzy.co/http://packery.metafizzy.co/

答案 2 :(得分:0)