menu desplegable javascript

este codigo rutina muestra un pequeño menu desplegable. Aclaración este script sólo funciona con NetScape.

Código Javascript


<html>
<body>
<title>menu desplegable javascript</title>
<script type="text/javascript">
<!--
/*********
This JavaScript code was origianlly found at http://www.golden.net/~steinman/layers/
*********/
function chapter1on()
{
        if (document.layers['chapter1'].clip.bottom < 80)
        {
                document.layers['chapter1'].clip.bottom += 10;
                setTimeout("chapter1on();",50);
        }
}
function chapter1off()
{
        if (document.layers['chapter1'].clip.bottom > 20) {
                document.layers['chapter1'].clip.bottom -= 20;
                setTimeout("chapter1off();",20);
        }
}
function chapter2on()
{
        if (document.layers['chapter2'].clip.bottom < 80) {
                document.layers['chapter2'].clip.bottom += 10;
                setTimeout("chapter2on();",50);
        }
}
function chapter2off()
{
        if (document.layers['chapter2'].clip.bottom > 20) {
                document.layers['chapter2'].clip.bottom -= 20;
                setTimeout("chapter2off();",20);
        }
}
//-->
</SCRIPT>
<LAYER NAME="chapter1" LEFT=150 TOP=130 BGCOLOR=#C0C0C0 WIDTH=200 CLIP="-10,0,190,20" onMouseOver="chapter1on()" onMouseOut="chapter1off()"> 
Chapter 1: Title 1
<LI>1.1 - <A HREF="-= votre page =-">A</A>
<LI>1.2 - <A HREF="-= votre page =-">B</A>
<LI>1.3 - <A HREF="-= votre page =-">C</A>
</LAYER>
<LAYER NAME="chapter2" LEFT=370 TOP=130 BGCOLOR=#C0C0C0 WIDTH=200 CLIP="-10,0,165,20" onMouseOver="chapter2on()" onMouseOut="chapter2off()">
Chapter 2: Title 2
<LI>2.1 - <A HREF="-= votre page =-">D</A>
<LI>2.2 - <A HREF="-= votre page =-">E</A>
<LI>2.3 - <A HREF="-= votre page =-">F</A>
</LAYER>
<br><br>
</body>
</html>

Ver ejemplo Javascript en funcionamiento