将div划分为方块

时间:2011-02-04 09:34:58

标签: javascript css

我有一个覆盖整个屏幕的div现在我想动态生成这个div中的方形Div,就像数学笔记本一样,并为每个方块提供替代颜色

1 个答案:

答案 0 :(得分:2)

我不能给你太多,因为我不知道你尝试了什么以及你遇到了哪些具体问题,但这是基本的想法:

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

当然,如果评论中提出的背景图片能够满足您的需求,那么这样可以更好地实现堆积:)