Menú "degradée"

Arriba de la página, sobre el título de "Clásica", podéis ver "Menú (click aquí)". Pincjando ahí con el ratón, se despliega un menu muy sencillo, pero muy guapo y efectivo

He aplicado, a mi manera, un código que leí en Código fuente Javascript/menues:

</style> <TITLE>Menú Drop Down</TITLE> <style type="text/css">  </style> <BODY BGCOLOR="FFFFFF" TEXT="000000" LINK="0000FF" VLINK="800080"> <style>  </style> <ilayer id="menu01" height=35px> <layer id="menu02" visibility=show> <a href="Ejemplo.html">MENÚ (Click aquí)</a> </layer> </ilayer> <script language="JavaScript1.2"> var enableeffect=true var selection=new Array() selection[0]='<a href="http://nienna-clasica.blogspot.com/" class="Texto">Inicio </a> ' selection[1]='<a href="mailto:llara_5@msn.com" class="Texto">Contáctame</a> ' selection[2]='<a href="http://www2.blogger.com/profile/01400887326884630638" class="Texto">Perfil</a> ' selection[3]='<a href="http://nienna-clasica.blogspot.com/search/label/Blog" class="Texto">Blog</a> ' selection[4]='<a href="http://nienna-clasica.blogspot.com/search/label/Desing" class="Texto">Desing</a> ' if (document.layers) document.menu01.document.menu02.visibility='show' function dropit2(){ if (document.all){ menu03.style.left=document.body.scrollLeft+event.clientX-event.offsetX menu03.style.top=document.body.scrollTop+event.clientY-event.offsetY+18 if (menu03.style.visibility=="hidden"){ if (enableeffect) menu03.filters.revealTrans.apply() menu03.style.visibility="visible" if (enableeffect) menu03.filters.revealTrans.play() } else{ hidemenu() } } } function dropit(e){ if (document.menu03.visibility=="hide") document.menu03.visibility="show" else document.menu03.visibility="hide" document.menu03.left=e.pageX-e.layerX document.menu03.top=e.pageY-e.layerY+19 return false } function hidemenu(){ if (enableeffect) menu03.filters.revealTrans.stop() menu03.style.visibility="hidden" } function hidemenu2(){ document.menu03.visibility="hide" } if (document.layers){ document.menu01.document.menu02.captureEvents(Event.CLICK) document.menu01.document.menu02.onclick=dropit } else if (document.all) document.body.onclick=hidemenu </script> <div id="menu03" style="position:absolute;left:0;top:0;layer-background-color:#E6E6E6;background-color:#E6E6E6;width:200;visibility:hidden;border:2px solid black;padding:0px"> <script language="JavaScript1.2"> if (document.all) menu03.style.padding='4px' for (i=0;i<selection.length;i++) document.write(selection[i]) </script> </div> <script language="JavaScript1.2"> if (document.layers){ document.menu03.captureEvents(Event.CLICK) document.menu03.onclick=hidemenu2 } </script> 

Aquí van juntos el CSS y el HTML, que yo puse-tal que así- antes del cierre de head, concretamente antes del cierre de skin. Cada quien puede hacerlo como le guste.
¡Ah!... por si acaso: el menú se cierra volviendo a hacerle "click".

Que es esto?

Recent Posts

Discussions

Historial

Categories

Flickr

Instagram

Recent Twitts

Popular

Ego

Feeds

BR

Epilogo

Work

Profile

Connect

Paginas

Profile

Connect

Publicar Edictos en Registradores. org (Navegador Google Chrome,Edge, Opera, Maxthon 6) Extensión IE Tab

Menú "degradée"

✍ ¿Quieres hacer algún comentario? ✍

Que es esto?

Recent Posts

Discussions

Historial

Categories

Tags

Flickr

Instagram

Recent Twitts

Popular

Ego

Feeds

BR

Epilogo

Work

Profile

Connect

Paginas

Profile

Connect

Publicar Edictos en Registradores. org (Navegador Google Chrome,Edge, Opera, Maxthon 6) Extensión IE Tab

Menú "degradée"

✍ ¿Quieres hacer algún comentario? ✍