User
.active { background-image:url('lin_a.jpg'); } .no { background-image:url('lin.jpg'); } a { display:block; }
<div onmouseover="className='active'" class="'no'" onmouseout="className='no'"><a href="#">ссылка</a></div>
.active {
background-image:url('lin_a.jpg');
}
.no {
background-image:url('lin.jpg');
}
a {
display:block;
}
и:
<div onmouseover="className='active'" class="'no'" onmouseout="className='no'"><a href="#">ссылка</a></div>
В css'е пишем (где lin_a и lin это ссылки на фон, можно заменить просто цветом):
#active {
background-image:url('lin_a.jpg');
}
#no {
background-image:url('lin.jpg');
}
А само меню будет писатся так:
<a href="#"><div onmouseover="id='active'" id="'no'" onmouseout="id='no'">ссылка</div></a>
Вот так это выглядит в живую (при желании можно всё это поместить в ещё один див и сделать обводку, или просто воспользоватся бордерами):