2011-02-04 54 views
0

我有現在覆蓋整個屏幕我想動態生成方形的div內該div就像一個數學筆記本給予替代顏色給每個正方形塊沿一個div劃分在div成方形塊

+3

會簡單的背景圖片就足夠了?或者你真的需要無數個獨立的方塊嗎? – thirtydot 2011-02-04 09:39:21

+0

如果你需要html元素,一個表是一個簡單的解決方案,我想這將是在語義上不正確的那些無數的空divs。 – AJJ 2011-02-04 09:43:50

回答

2

我可以「T給你太多,因爲我不知道你已經嘗試過什麼,你遇到了什麼具體的問題,但this'd是基本思路:

for(var i = 0; i < 1000; i++) { 
    var block = $('<div class="block" />'); 
    block.addClass('block-' + ((i%2)+1)); 

    $('body').append(block); 
} 

有你.block div的浮動左,設置爲您想要的大小,然後他們會自動換行到下一行。他們還可以使用.block-1.block-2類,您可以使用它來設置交替顏色。

當然,如果背景圖像,正如在評論中有人建議,將滿足您的需求,比這將更好地履行堆:)