Здравствуйте!
Помогите, пожалуйста подправить код.
У меня на страничке есть меню, пункты находятся в диве. Я хочу чтобы при наведении курсора менялся стиль дива (заливка, стиль шрифта) на "onmouseover". А когда мышь убирают с данного дива, снова становился стиль "onmouseout".
Написала код, но почему-то не работает. Хочу разобраться
<html>
<script>
window.onload=f;
function f(){
var div=document.getElementsByTagName("div");
for(i=0; i<div.length; i++){
div[i].className("onmouseover","this.className='onmouseover';");
div[i].className("onmouseout","this.className='onmouseout';");
}
}
</script>
<style>
table {
width: 50%;
}
.onmouseout {background-color:#F1F1F1; border:1px solid #000;}
.onmouseover {background-color:#F1B1B1; border:1px solid #FF0000;}
</style>
<table align="center">
<tr>
<td>
<div class='onmouseout'> Первый </div>
<div class='onmouseout'> Второй </div>
<div class='onmouseout'> Третий </div>
</td>
</tr>
</table>
</html>