2012-04-28 85 views
0

我目前正在開發一個3×3網格佈局的博客頁面,以便將內容落入不同的框中(請參閱附加示例)。動態填充非正統網格內的內容

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

在淺灰色的內容塊的意思是固定的,因此任何更新,最近添加等內容都不會影響這些箱子中,只有黑色的。我試圖找出保持灰色框靜止的最佳方法,但允許黑盒動態填充(WordPress博客條目),並通過佈局自然地浮動。

截至目前,我正在考慮每個單獨的黑匣子將查詢與之對齊的最近帖子。因此,第一個黑匣子將查詢最近的帖子,第二個黑匣子將查詢第二個最近的帖子等等。

回答

0

大訂單!

這裏的總體思路是,以幫助你去:

  1. 你需要讓那些塊<div><section>與ID標籤這樣的:

    <section id=brief1> 
    

    (順便說一句,你也可以使用「表格」&合併單元格來獲取該佈局,只需確保您使用的是ID)

  2. 然後您需要找到一個腳本來更新innerHTML使用直接的JavaScript或jQuery庫,如MooTools等JS庫。這將允許您注入文本& /或這些框中的圖像。示例搜索:http://duckduckgo.com/?q=javascript+update+innerHTML+div
  3. 一旦你有1個文本更新點,是時候編輯該腳本。製作我們的ID標籤數組,然後循環所有這些標籤以逐個插入新內容。

祝你好運!如果我在旅​​行中看到預先推出的內容,我會更新此主題。