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".

Ayuda&Kaos

Header AD

Menú "degradée"

Post a Comment

No hay comentarios

Post AD

Buscar este blog

Popular Posts

About Me

Popular Posts

Blog Archive

Labels