我有一个类似于newsmap.jp的概念,其中元素被赋予一个基于特定值的值,并且它们根据该值在网格(如容器)中实时调整大小,而无需刷新任何页面
有没有人见过这样的东西?如果没有,您是否对我将如何开始构建它有正确的方向。我对 PHP 很好,但对 jquery 不太好。
更新1:这些很好,但我正在寻找一个不断调整元素大小的脚本(基于算法)。基本上,它是对周围不断变化的元素的大小做出响应的东西,而不是仅在浏览器窗口重新调整大小时才发生变化的东西。那有意义吗?
我有一个类似于newsmap.jp的概念,其中元素被赋予一个基于特定值的值,并且它们根据该值在网格(如容器)中实时调整大小,而无需刷新任何页面
有没有人见过这样的东西?如果没有,您是否对我将如何开始构建它有正确的方向。我对 PHP 很好,但对 jquery 不太好。
更新1:这些很好,但我正在寻找一个不断调整元素大小的脚本(基于算法)。基本上,它是对周围不断变化的元素的大小做出响应的东西,而不是仅在浏览器窗口重新调整大小时才发生变化的东西。那有意义吗?
你可以看看这里http://masonry.desandro.com/
但是您可以使用 jquery/javascript 更改 div 或任何其他元素的大小。
请参阅 jquery 上的示例:
<div id='test'>Lorem ipsum sit amet</div>
<script>$('#test').attr('width','200px');</script>
你的意思是“砌体”效应吗?看这里:http: //isotope.metafizzy.co/或http://packery.metafizzy.co/
有几个这样的 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/