|
Сообщение от cinedd
|
|
хочу чтобы кнопки отображались в виде ромба
|
Как вариант...
<!DOCTYPE html>
<html>
<head>
<style>
.box {
float: left;
width: 10px;
height: 10px;
}
.on {
background-color: red;
}
.end {
clear: both;
}
</style>
<script>
function Go() {
var oc=document.getElementById('container')
var n=17
var k=0
var inc=1
var nk=Math.floor(n/2)
var i,j,o
for (i=0; i<n; i++) {
for (j=0; j<n; j++) {
o=document.createElement("div")
o.className=(Math.abs(nk-j))>k? 'box': 'box on'
oc.appendChild(o)
}
o=document.createElement("div")
o.className='end'
oc.appendChild(o)
k=k+inc
if ((k+1)>nk) inc=-1
}
}
</script>
</head>
<body onload='Go()'>
<div id='container'></div>
</body>
</html>