2011-02-04 57 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类,您可以使用它来设置交替颜色。

当然,如果背景图像,正如在评论中有人建议,将满足您的需求,比这将更好地履行堆:)