не совсем верно выразился с классами ... =) сори.
А код не рабочий, кто подскажет почему ?
<script type="text/javascript">
document.getElementById('menu').onmouseover="vipadaet()";
document.getElementById('menu').onmouseout=zapadaet();
function vipadaet() {
var vipadaet = document.getElementById('vipadaet')
vipadaet.style.display = 'block'
}
function zapadaet() {
var zapadaet = document.getElementById('vipadaet')
zapadaet.style.display = 'none'
}
</script>
<h1>Выпадающее меню</h1>
<ul>
<li><a href="#" title="">test</a></li>
<li><a id="menu" href="#" title="">vipadaet</a>
<ul id="vipadaet" style="display:none;">
<li><a href="#" title="">test</a></li>
<li><a href="#" title="">test</a></li>
<li><a href="#" title="">test</a></li>
<li><a href="#" title="">test</a></li>
</ul>
</li>
<li><a href="#" title="">test</a></li>
<li><a href="#" title="">test</a></li>
<li><a href="#" title="">test</a></li>
<li><a href="#" title="">test</a></li>
</ul>