Kod: Zaznacz cały

<script stype="text/javascript">

function efekt(element) {
    var linki = document.getElementById('menu').getElementsByTagName('a');
    for(i=0; i<linki.length; i++) {
        linki[i].style.color='gray';
    }
    element.style.color='black';
}

function efektout() {
    var linki = document.getElementById('menu').getElementsByTagName('a');
    for(i=0; i<linki.length; i++) {
        linki[i].style.color='black';
    }
}

</script>

<style type="text/css">
#menu li {
    display: inline;
    margin: 0 5px;
    list-style-type: none;
}
#menu a {
    color: black;
    font: bold 20px sans-serif;
    text-decoration: none;
}
</style>

<ul id="menu">
    <li><a href="#" onmouseover="efekt(this)" onmouseout="efektout()">Link</a></li>
    <li><a href="#" onmouseover="efekt(this)" onmouseout="efektout()">Link</a></li>
    <li><a href="#" onmouseover="efekt(this)" onmouseout="efektout()">Link</a></li>
    <li><a href="#" onmouseover="efekt(this)" onmouseout="efektout()">Link</a></li>
</ul>