动态填充非正统网格中的内容

时间:2012-04-28 04:15:22

标签: html css

我目前正在开发一个带有3 X 3网格布局的博客页面,以便将内容放入不同的框中(参阅附带的示例)。

http://imageshack.us/photo/my-images/337/cssex.jpg/

浅灰色的内容块是静止的,因此任何更新的,最近添加的内容都不会影响这些盒子,只会影响黑盒子。我试图找出保持灰色框静止的最佳方法,但允许黑盒子动态填充(WordPress博客条目)并自然地通过布局浮动。

截至目前,我认为每个黑盒子都会查询最近与之对齐的帖子。因此,第一个黑盒子会查询最近的帖子,第二个黑盒子会查询第二个最近的帖子,依此类推。

1 个答案:

答案 0 :(得分:0)

一个大订单!

以下是帮助您前进的一般想法:

  1. 您需要将这些广告素材设为<div><section>,其ID标记如下:

    <section id=brief1>
    

    (顺便说一下,您也可以使用“表格”和“合并单元格来获取该布局,只需确保使用ID”)

  2. 然后你需要找到一个脚本来使用直接的JavaScript或jQuery,MooTools等JS库来更新innerHTML。这将允许你在这些框中注入文本和/或图像。搜索示例:http://duckduckgo.com/?q=javascript+update+innerHTML+div
  3. 一旦用文本更新了1个点,就可以编辑该脚本了。创建一个ID标签数组,然后遍历所有ID标签,一次插入一个新内容。
  4. 祝你好运!如果我在旅​​行中看到预先滚动的内容,我会更新此帖子。