i-Zomma - t-menu

t-menu

Menu en boton derecho:

<STYLE>  </style> <script language="JavaScript1.2"> var menuskin=0 var display_url=0 function showmenuie5(){ var rightedge=document.body.clientWidth-event.clientX var bottomedge=document.body.clientHeight-event.clientY if (rightedge<ie5menu.offsetWidth) ie5menu.style.left=document.body.scrollLeft+event.clientX-ie5menu.offsetWidth else ie5menu.style.left=document.body.scrollLeft+event.clientX if (bottomedge<ie5menu.offsetHeight) ie5menu.style.top=document.body.scrollTop+event.clientY-ie5menu.offsetHeight else ie5menu.style.top=document.body.scrollTop+event.clientY ie5menu.style.visibility="visible" return false } function hidemenuie5(){ ie5menu.style.visibility="hidden" } function highlightie5(){ if (event.srcElement.className=="menuitems"){ event.srcElement.style.backgroundColor="highlight" event.srcElement.style.color="white" if (display_url==1) window.status=event.srcElement.url } } function lowlightie5(){ if (event.srcElement.className=="menuitems"){ event.srcElement.style.backgroundColor="" event.srcElement.style.color="black" window.status='' } } function jumptoie5(){ if (event.srcElement.className=="menuitems"){ if (event.srcElement.getAttribute("target")!=null) window.open(event.srcElement.url,event.srcElement.getAttribute("target")) else window.location=event.srcElement.url } } </script>  <script language="JavaScript1.2"> if (document.all&&window.print){ if (menuskin==0) ie5menu.className="skin0" else ie5menu.className="skin1" document.oncontextmenu=showmenuie5 document.body.onclick=hidemenuie5 } </script>

Menu desplegable 1:

Menu desplegable 2:

Marco explicativo:

Menu desplegable con opcion:

Menu que cambia de color:

Menu de chequeo:

<form name="rolloverbox"> <div align="left"><p><input type="checkbox" name="boxes" value="ON"><a href="http://www.codesweb.es.tl" _fcksavedurl="http://www.codesweb.es.tl" onMouseover_fckprotectedatt=" onMouseover="rollovercheck(0)"" onMouseout_fckprotectedatt=" onMouseout="rolloutcheck(0)"">Codes web</a><br> <input type="checkbox" name="boxes" value="ON"><a href="http://tupagina.com." _fcksavedurl="http://tupagina.com." onMouseover_fckprotectedatt=" onMouseover="rollovercheck(1)"" onMouseout_fckprotectedatt=" onMouseout="rolloutcheck(1)"">el titulo</a><br> <input type="checkbox" name="boxes" value="ON"><a href="http://www.tumundomu.ar.tc" _fcksavedurl="http://www.tumundomu.ar.tc" onMouseover_fckprotectedatt=" onMouseover="rollovercheck(2)"" onMouseout_fckprotectedatt=" onMouseout="rolloutcheck(2)"">TuMundomu</a><br> <input type="checkbox" name="boxes" value="ON"><a href="http://todoroms.net" _fcksavedurl="http://todoroms.net" onMouseover_fckprotectedatt=" onMouseover="rollovercheck(3)"" onMouseout_fckprotectedatt=" onMouseout="rolloutcheck(3)"">Todo roms</a><br> <input type="checkbox" name="boxes" value="ON"><a href="http://tupagina.com" _fcksavedurl="http://tupagina.com" onMouseover_fckprotectedatt=" onMouseover="rollovercheck(4)"" onMouseout_fckprotectedatt=" onMouseout="rolloutcheck(4)"">tu pagina</a><br> <input type="checkbox" name="boxes" value="ON"><a href="http://la pagina que kieras" _fcksavedurl="http://la pagina que kieras" onMouseover_fckprotectedatt=" onMouseover="rollovercheck(5)"" onMouseout_fckprotectedatt=" onMouseout="rolloutcheck(5)"">el titulo que quieras</a></p> </div> </form> <script> var thebox=document.rolloverbox function rollovercheck(whichbox){ thebox.boxes[whichbox].checked=true } function rolloutcheck(whichbox){ thebox.boxes[whichbox].checked=false } </script>

Menu de texto:

http://rapidshare.de/files/38638352/Menu_de_textos.txt.html

Tenes que descargarlo por que es muy largo

Menú oculto deslizable desde la izquierda:

<style>  </style>  <script language="JavaScript1.2"> /* Sliding Menu Bar Script- © Dynamic Drive (www.dynamicdrive.com) For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use, visit dynamicdrive.com */ if (document.all) document.write('<div id="slidemenubar2" style="left:-150" onMouseover="pull()" onMouseout="draw()">') </script> <layer id="slidemenubar" onMouseover_fckprotectedatt=" onMouseover="pull()"" onMouseout_fckprotectedatt=" onMouseout="draw()""> <script language="JavaScript1.2"> var sitems=new Array() var sitemlinks=new Array() //extend or shorten this list sitems[0]="Codes web" sitems[1]="Titulo de tu pagina" sitems[2]="Titulo de tu pagina" sitems[3]="Titulo de tu pagina" sitems[4]="Titulo de tu pagina" sitems[5]="Titulo de tu pagina" sitems[6]="Titulo de tu pagina" //These are the links pertaining to the above text. sitemlinks[0]="http://www.codesweb.es.tl" sitemlinks[1]="aca tu pagina" sitemlinks[2]="aca tu pagina" sitemlinks[3]="aca tu pagina" sitemlinks[4]="aca tu pagina" sitemlinks[5]="aca tu pagina" sitemlinks[6]="aca tu pagina" for (i=0;i<=sitems.length-1;i++) document.write('<a href='+sitemlinks[i]+'>'+sitems[i]+'</a><br>') </script> </layer> <script language="JavaScript1.2"> function regenerate(){ window.location.reload() } function regenerate2(){ if (document.layers) setTimeout("window.onresize=regenerate",400) } window.onload=regenerate2 if (document.all){ document.write('</div>') themenu=document.all.slidemenubar2.style rightboundary=0 leftboundary=-150 } else{ themenu=document.layers.slidemenubar rightboundary=150 leftboundary=10 } function pull(){ if (window.drawit) clearInterval(drawit) pullit=setInterval("pullengine()",50) } function draw(){ clearInterval(pullit) drawit=setInterval("drawengine()",50) } function pullengine(){ if (document.all&&themenu.pixelLeft<rightboundary) themenu.pixelLeft+=5 else if(document.layers&&themenu.left<rightboundary) themenu.left+=5 else if (window.pullit) clearInterval(pullit) } function drawengine(){ if (document.all&&themenu.pixelLeft>leftboundary) themenu.pixelLeft-=5 else if(document.layers&&themenu.left>leftboundary) themenu.left-=5 else if (window.drawit) clearInterval(drawit) } </script>

Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?

Registrarse gratis