Как можно с помощью jquery заполнить квадратиками допустим: 20*20 любой блок по высоте + ширине? Знаю что надо использовать циклы, но как пока не могу додумать, помогите решить вопрос если сталкивались с таким)
-
Чем background-image не угодил?– borodatychCommented 1 апр. 2016 в 12:22
-
1Что вы уже пробовали сделать? Что именно не получилось?– Dmitriy SimushevCommented 1 апр. 2016 в 18:37
-
Участники сообщества не занимаются написанием кода по заявкам, а только помогают решить конкретные проблемы, связанные с имеющимся кодом.– RistoCommented 1 апр. 2016 в 18:48
Добавить комментарий
|
1 ответ
Просто побаловался, как раз решение вашей задачи на js
$(function() {
var div = $('.div');
for (var i = 0; i < 20; i++) {
(function(i) {
setTimeout(function() {
div.append('<div></div>');
div.find('div:last').css('backgroundColor', color());
}, 50 * i);
})(i)
}
function color() {
var arr = ["#66FF99", "#33FF99", "#00FF99", "#33CC66", "#00CC66"];
var rand = Math.floor(Math.random() * arr.length);
return arr[rand];
}
});
div.div {
width: 100px;
}
div.div > div {
width: 20px;
height: 20px;
background-color: red;
float: left;
margin: 1px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="div"></div>