18.03.2008, 11:02
|
|
Постоянный
Регистрация: 30.08.2007
Сообщений: 773
С нами:
9840758
Репутация:
808
|
|
Код:
<html>
<head>
<style type="text/css">
#menu div
{
float: left;
margin-left: 3px;
width: 40px;
height: 30px;
}
.normal
{
border: #132 solid 1px;
background: #396;
}
.active
{
background: #264;
border: #000 solid 1px;
}
</style>
<script type="text/javascript">
function act(e)
{
var aim = e.target || e.srcElement,
blocks = document.getElementById( 'menu' ).getElementsByTagName('div'),
l = blocks.length;
while(l--) blocks[l].className = 'normal';
if(aim.nodeName == 'DIV' && aim.parentNode.id == 'menu') aim.className = 'active';
}
</script>
</head>
<body onclick="act(event)">
<div id="menu">
<div class="normal"></div>
<div class="normal"></div>
<div class="normal"></div>
<div class="normal"></div>
<div class="normal"></div>
</div>
</body>
</html>
|
|
|