| Код |
<html>
<head>
<script type="text/javascript">
function test(){
draw(100, 100, 5, 5, 'FF0000');
draw(200, 100, 20, 1, '00FF00');
draw(100, 200, 1, 20, '0000FF');
draw(200, 200, 50, 50, 'AAAAAA');
}
function draw(left, top, width, height, color){
var point=document.createElement('div'), ext='px';
point.style.left=left+ext;
point.style.top=top+ext;
point.style.width=width+ext;
point.style.height=height+ext;
point.style.position='absolute';
point.style.overflow='hidden';// for MS IE only!!!
point.style.backgroundColor=color;
document.body.appendChild(point);
}
</script>
</head>
<body onload='test()'>
</body>
</html>
|
Если нужно, чтобы один объект был отображён поверх другого, используй параметр Object.style.zIndex больший чем у лежащего ниже объекта. |