создание div элементов
добрый вечер всем!
помогите мне решить задачку : необходимо создать div элементы 10px на 10px по диагонале Дойти нужно до правой стенки из левого верхнего угла цвет фона должен меняться на 1 у каждого следующего квадрата RGB(0,0,0) Первый RGB(1,0,0) RGB(2,0,0) мой код создания элементов , они у меня идут вниз js for ( var i = 0; i < 156; i++){ var eldiv = document.createElement('div'); document.body.appendChild(eldiv); } css <style > div{ width: 10px; height: 10px; background: red; position: relative; top: 10px; left: 10px; margin-top: 10px; } </style> |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ladder</title>
<style>
html, body {
margin: 0;
padding: 0;
}
body {
width: 800px;
height: 800px;
margin: 0 auto;
border: 1px solid #ccc;
}
div {
position: relative;
width: 10px;
height: 10px;
}
</style>
</head>
<body>
<script>
(function(context, step, window, document) {
var x = context / step;
for (var i = 0; i < x; i++) {
var eldiv = document.createElement('div');
eldiv.style.left = i * step + 'px';
eldiv.style.backgroundColor = 'rgb(' + i +', 0, 0)';
document.body.appendChild(eldiv);
}
})(800, 10, window, document);
</script>
</body>
</html>
|
Спасибо это то что надо
|
| Часовой пояс GMT +3, время: 15:26. |