Mondar Dragon Menor
Mensajes : 22 Fecha de inscripción : 28/11/2010 Edad : 40 Localización : Santa cruz
Personaje Apodo: Mondar Raza: Elfo Arma: Cadena
| Tema: Scripts de Menus para tu WEB. Sáb Dic 11, 2010 2:01 pm | |
| MENUS DESPLEGABLES Copia y poga estos codigos en tu Pagina Web. Menu Desplegable 1 - Código:
-
function destino(){
url = document.navegador.secciones.options[document.navegador.secciones.selectedIndex].value
if (url != "no") window.location = url;
}
Enlaces de UTERRA.COM--------------------------------------PortadaCurso webCrea tu webProgramas de diseño WebDominiosCodigos JavaScriptJuegos--------------------------------------Promoción WebGenerador MetaTag
Menu Desplegable 2 - Código:
-
function gothere(){ var thebox=document.mycombowopt if (thebox.windowoption.checked){ if (!window.newwindow) newwindow=window.open("") newwindow.location= thebox.example.options[thebox.example.selectedIndex].value } else location= thebox.example.options[thebox.example.selectedIndex].value }
UTERRA MetaTag Codifica e-mail Subdominios
[font=Verdana][size=9]Abrir en una ventana nueva[/size][/font]
Última edición por Mondar el Sáb Dic 11, 2010 2:06 pm, editado 1 vez | |
|
Mondar Dragon Menor
Mensajes : 22 Fecha de inscripción : 28/11/2010 Edad : 40 Localización : Santa cruz
Personaje Apodo: Mondar Raza: Elfo Arma: Cadena
| Tema: Re: Scripts de Menus para tu WEB. Sáb Dic 11, 2010 2:04 pm | |
| Menu Emergente I - Código:
-
<HTML> <HEAD> <TITLE>Menú emergente al pulsar el botón derecho</TITLE>
<STYLE>.skin0 { BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM: black 2px solid; BORDER-LEFT: black 2px solid; BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; CURSOR: default; FONT-FAMILY: Verdana; FONT-SIZE: 10px; LINE-HEIGHT: 15px; POSITION: absolute; VISIBILITY: hidden; WIDTH: 250px } .menuitems { PADDING-LEFT: 10px; PADDING-RIGHT: 10px } </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="#ffffff" if (display_url==1) window.status=event.srcElement.url } } function lowlightie5(){ if (event.srcElement.className=="menuitems"){ event.srcElement.style.backgroundColor="#ffffff" event.srcElement.style.color="#CC33FF" 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> </HEAD> <BODY> <br> <P align=center>Pulsa el botón derecho</p>
<!--[if IE]> <DIV class=skin0 id=ie5menu onclick=jumptoie5() onmouseout=lowlightie5() onmouseover=highlightie5()> <DIV class=menuitems target="_top" url="http://www.uterra.com">• UTERRA.COM</DIV> <DIV class=menuitems target="_top" url="http://www.uterra.com/internet/dominio.htm">• Dominios</DIV> <DIV class=menuitems target="_top" url="http://www.uterra.com/internet/subdominio.htm">• Subdominios</DIV> <DIV class=menuitems target="_top" url="">----------</DIV> <DIV class=menuitems target="_top" url="http://www.uterra.com/internet/codifica_email.htm">• Encripta e-mail</DIV> <DIV class=menuitems target="_top" url="http://www.uterra.com/internet/etiquetas_metatag.htm">• Generador meta-tag</DIV> <DIV class=menuitems target="_top" url="http://www.uterra.com/crea_tu_web/principal.htm">• Curso Web</DIV> <DIV class=menuitems target="_top" url="">----------</DIV> <DIV class=menuitems target="_top" url="http://www.uterra.com/internet/scrollbar.htm">• Generador de Scrollbar</DIV> <DIV class=menuitems target="_top" url="http://www.uterra.com/internet/juegos.htm">• Juegos</DIV> <DIV class=menuitems target="_top" url="http://www.uterra.com/internet/promocion_web.htm">• Promoción Web</DIV> <DIV class=menuitems target="_top" url="http://www.uterra.com/internet/codigos_javascript.htm">• Java Script</DIV> </div>
<![endif]--> <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> <p>Por cortesía de <a href="http://www.uterra.com">www.uterra.com</a> </p> </BODY> </HTML> Menu Emergente II - Código:
-
<HTML> <HEAD> <TITLE>Menú emergente con enlace</TITLE> <style> <!-- #iewrap{ position:relative; height:30px }
#iewrap2{ position:absolute }
#dropmenu03{ filter:revealTrans(Duration=1.5,Transition=12) visibility:hide }
--> </style>
</HEAD>
<BODY bgcolor="white" >
<ilayer id="dropmenu01" height=35px> <layer id="dropmenu02" visibility=show><font size="2" face="Verdana"><span id="iewrap2" onClick="dropit2();event.cancelBubble=true;return false"><b><a href="alternate.htm">Menu Emergente</a></b> </span> </layer> </ilayer>
</font>
<script language="JavaScript1.2">
//set below variable to false if you wish to turn off "fade-off" effect for IE 4 users var enableeffect=true
//change the contents of the array to your own. You may extend this list as neccessary var selection=new Array() selection[0]='<font face="Verdana"><a href="http://www.uterra.com">UTERRA</a><br>' selection[1]='<a href="http://www.uterra.com/internet/carpeta_web.htm">Carpeta Web</a><br>' selection[2]='<a href="http://www.uterra.com/internet/codifica_email.htm">Encripta e-mail</a><br>' selection[3]='<a href="http://www.uterra.com/internet/codigos_javascript.htm">JavaScript</a><br>' selection[4]='<a href="http://www.uterra.com/crea_tu_web/principal.htm">Curso Web</a><br></font>'
if (document.layers) document.dropmenu01.document.dropmenu02.visibility='show'
function dropit2(){ if (document.all){ dropmenu03.style.left=document.body.scrollLeft+event.clientX-event.offsetX dropmenu03.style.top=document.body.scrollTop+event.clientY-event.offsetY+18 if (dropmenu03.style.visibility=="hidden"){ if (enableeffect) dropmenu03.filters.revealTrans.apply() dropmenu03.style.visibility="visible" if (enableeffect) dropmenu03.filters.revealTrans.play() } else{ hidemenu() } } }
function dropit(e){ if (document.dropmenu03.visibility=="hide") document.dropmenu03.visibility="show" else document.dropmenu03.visibility="hide" document.dropmenu03.left=e.pageX-e.layerX document.dropmenu03.top=e.pageY-e.layerY+19 return false }
function hidemenu(){ if (enableeffect) dropmenu03.filters.revealTrans.stop() dropmenu03.style.visibility="hidden" }
function hidemenu2(){ document.dropmenu03.visibility="hide" }
if (document.layers){ document.dropmenu01.document.dropmenu02.captureEvents(Event.CLICK) document.dropmenu01.document.dropmenu02.onclick=dropit } else if (document.all) document.body.onclick=hidemenu
</script>
<div id="dropmenu03" style="position:absolute;left:0;top:0;layer-background-color:lightyellow;background-color:lightyellow;width:120;visibility:hidden;border:2px solid black;padding:0px"> <script language="JavaScript1.2"> if (document.all) dropmenu03.style.padding='4px' for (i=0;i<selection.length;i++) document.write(selection[i]) </script> </div>
<script language="JavaScript1.2"> if (document.layers){ document.dropmenu03.captureEvents(Event.CLICK) document.dropmenu03.onclick=hidemenu2 } </script>
<p></p> <p align="center">Por cortesía de <a href="http://www.uterra.com">www.uterra.com</a></p>
</body> </html> | |
|
Mondar Dragon Menor
Mensajes : 22 Fecha de inscripción : 28/11/2010 Edad : 40 Localización : Santa cruz
Personaje Apodo: Mondar Raza: Elfo Arma: Cadena
| Tema: Re: Scripts de Menus para tu WEB. Sáb Dic 11, 2010 2:05 pm | |
| Menú deslizante.
- Código:
-
<html>
<head> <title>Menu deslizante</title> <STYLE type="text/css"> A:link {text-decoration:none;color:#008000;} <!-- Color del enlace no visitado --> A:visited {text-decoration:none;color:#ffcc33;} <!-- Color del enlace visitado --> A:active {text-decoration:none;color:#ff0000;} <!-- Color que toma el ultimo enlace visitado --> A:hover {text-decoration:underline;color:#999999;} <!-- Color que toma el enlace al pasar el raton sobre el --> </STYLE> <style>
#divMenu {font-family:arial,helvetica; font-size:12pt; font-weight:bold} #divMenu a{text-decoration:none;} #divMenu a:hover{color:#66ff00;} </style> <script language="JavaScript1.2"> ie=document.all?1:0 n=document.layers?1:0
//These are the variables you have to set:
//How much of the layer do you wan't to be visible when it's in the out state? lshow=60
//How many pixels should it move every step? var move=10;
//At what speed (in milliseconds, lower value is more speed) menuSpeed=40
//Do you want it to move with the page if the user scroll the page? var moveOnScroll=true
//Defining variables var tim; var ltop;
//Object constructor function makeMenu(obj,nest){ nest=(!nest) ? '':'document.'+nest+'.' this.css=(n) ? eval(nest+'document.'+obj):eval(obj+'.style') this.state=1 this.go=0 this.width=n?this.css.document.width:eval(obj+'.offsetWidth') this.left=b_getleft this.obj = obj + "Object"; eval(this.obj + "=this") } //Get's the top position. function b_getleft(){ var gleft=(n) ? eval(this.css.left):eval(this.css.pixelLeft); return gleft; } function moveMenu(){ if(!oMenu.state){ clearTimeout(tim) mIn() }else{ clearTimeout(tim) mOut() } } //Menu in function mIn(){ if(oMenu.left()>-oMenu.width+lshow){ oMenu.go=1 oMenu.css.left=oMenu.left()-move tim=setTimeout("mIn()",menuSpeed) }else{ oMenu.go=0 oMenu.state=1 } } //Menu out function mOut(){ if(oMenu.left()<0){ oMenu.go=1 oMenu.css.left=oMenu.left()+move tim=setTimeout("mOut()",menuSpeed) }else{ oMenu.go=0 oMenu.state=0 } } function checkScrolled(){ if(!oMenu.go) oMenu.css.top=eval(scrolled)+ltop if(n) setTimeout('checkScrolled()',30) } function menuInit(){ oMenu=new makeMenu('divMenu') scrolled=n?"window.pageYOffset":"document.body.scrollTop" oMenu.css.left=-oMenu.width+lshow ltop=(n)?oMenu.css.top:oMenu.css.pixelTop; oMenu.css.visibility='visible' if(moveOnScroll) ie?window.onscroll=checkScrolled:checkScrolled(); }
onload=menuInit; </script> </head>
<body> <div id="divMenu" style="position: absolute; top: 5; left: 5; width: 675; visibility: hidden; background-color: #000000; height: 19"> <nobr> <a href="http://www.uterra.com/internet/codifica_email.htm" style="font-family: Verdana; font-size: 8 pt">Codifica E-mail</a> - <a href="http://www.uterra.com/internet/codigos_javascript.htm" style="font-family: Verdana; font-size: 8 pt">Códigos JavaScript</a> - <a href="http://www.uterra.com/internet/crear_web.htm" style="font-family: Verdana; font-size: 8 pt">Crea tu web</a> - <a href="http://www.uterra.com/internet/alojamiento_web.htm" style="font-family: Verdana; font-size: 8 pt">Alojamiento Web</a> - <a href="http://www.uterra.com/internet/dominio.htm" style="font-family: Verdana; font-size: 8 pt">Dominios</a> - <a href="http://www.uterra.com/internet/subdominio.htm" style="font-family: Verdana; font-size: 8 pt">Subdominios</a> - <a href="javascript://" onclick="moveMenu()" style="background-color: #FF0000; text-decoration: none; color: #FFFFFF">MENU</a> </nobr> </div> </body>
</html> | |
|
Mondar Dragon Menor
Mensajes : 22 Fecha de inscripción : 28/11/2010 Edad : 40 Localización : Santa cruz
Personaje Apodo: Mondar Raza: Elfo Arma: Cadena
| Tema: Re: Scripts de Menus para tu WEB. Sáb Dic 11, 2010 2:06 pm | |
| Menú análogo a Windows. - Código:
-
<html> <head> <title>Menu semejante a los que usa windows</title>
<style type="text/css">
div.menuBar, div.menuBar a.menuButton, div.menu, div.menu a.menuItem { font-family: "MS Sans Serif", Arial, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; color: #000000; }
div.menuBar { background-color: #d0d0d0; border: 2px solid; border-color: #f0f0f0 #909090 #909090 #f0f0f0; padding: 4px 2px 4px 2px; text-align: left; }
div.menuBar a.menuButton { background-color: transparent; border: 1px solid #d0d0d0; color: #000000; cursor: default; left: 0px; margin: 1px; padding: 2px 6px 2px 6px; position: relative; text-decoration: none; top: 0px; z-index: 100; }
div.menuBar a.menuButton:hover { background-color: transparent; border-color: #f0f0f0 #909090 #909090 #f0f0f0; color: #000000; }
div.menuBar a.menuButtonActive, div.menuBar a.menuButtonActive:hover { background-color: #a0a0a0; border-color: #909090 #f0f0f0 #f0f0f0 #909090; color: #ffffff; left: 1px; top: 1px; }
div.menu { background-color: #d0d0d0; border: 2px solid; border-color: #f0f0f0 #909090 #909090 #f0f0f0; left: 0px; padding: 0px 1px 1px 0px; position: absolute; top: 0px; visibility: hidden; z-index: 101; }
div.menu a.menuItem { color: #000000; cursor: default; display: block; padding: 3px 1em; text-decoration: none; white-space: nowrap; }
div.menu a.menuItem:hover, div.menu a.menuItemHighlight { background-color: #000080; color: #ffffff; }
div.menu a.menuItem span.menuItemText {}
div.menu a.menuItem span.menuItemArrow { margin-right: -.75em; }
div.menu div.menuItemSep { border-top: 1px solid #909090; border-bottom: 1px solid #f0f0f0; margin: 4px 2px; }
</style>
<script type="text/javascript">
function Browser() { var ua, s, i; this.isIE = false; this.isNS = false; this.version = null;
ua = navigator.userAgent;
s = "MSIE"; if ((i = ua.indexOf(s)) >= 0) { this.isIE = true; this.version = parseFloat(ua.substr(i + s.length)); return; }
s = "Netscape6/"; if ((i = ua.indexOf(s)) >= 0) { this.isNS = true; this.version = parseFloat(ua.substr(i + s.length)); return; }
// Treat any other "Gecko" browser as NS 6.1.
s = "Gecko"; if ((i = ua.indexOf(s)) >= 0) { this.isNS = true; this.version = 6.1; return; } }
var browser = new Browser();
//---------------------------------------------------------------------------- // Code for handling the menu bar and active button. //----------------------------------------------------------------------------
var activeButton = null;
// Capture mouse clicks on the page so any active button can be // deactivated.
if (browser.isIE) document.onmousedown = pageMousedown; else document.addEventListener("mousedown", pageMousedown, true);
function pageMousedown(event) { var el; if (activeButton == null) return;
if (browser.isIE) el = window.event.srcElement; else el = (event.target.tagName ? event.target : event.target.parentNode);
if (el == activeButton) return;
if (getContainerWith(el, "DIV", "menu") == null) { resetButton(activeButton); activeButton = null; } }
function buttonClick(event, menuId) { var button;
if (browser.isIE) button = window.event.srcElement; else button = event.currentTarget;
button.blur();
if (button.menu == null) { button.menu = document.getElementById(menuId); menuInit(button.menu); }
if (activeButton != null) resetButton(activeButton);
if (button != activeButton) { depressButton(button); activeButton = button; } else activeButton = null;
return false; }
function buttonMouseover(event, menuId) { var button;
if (browser.isIE) button = window.event.srcElement; else button = event.currentTarget;
if (activeButton != null && activeButton != button) buttonClick(event, menuId); }
function depressButton(button) { var x, y;
button.className += " menuButtonActive";
x = getPageOffsetLeft(button); y = getPageOffsetTop(button) + button.offsetHeight;
if (browser.isIE) { x += button.offsetParent.clientLeft; y += button.offsetParent.clientTop; }
button.menu.style.left = x + "px"; button.menu.style.top = y + "px"; button.menu.style.visibility = "visible"; }
function resetButton(button) { removeClassName(button, "menuButtonActive");
if (button.menu != null) { closeSubMenu(button.menu); button.menu.style.visibility = "hidden"; } }
function menuMouseover(event) { var menu; if (browser.isIE) menu = getContainerWith(window.event.srcElement, "DIV", "menu"); else menu = event.currentTarget;
if (menu.activeItem != null) closeSubMenu(menu); }
function menuItemMouseover(event, menuId) { var item, menu, x, y; if (browser.isIE) item = getContainerWith(window.event.srcElement, "A", "menuItem"); else item = event.currentTarget; menu = getContainerWith(item, "DIV", "menu");
if (menu.activeItem != null) closeSubMenu(menu); menu.activeItem = item;
item.className += " menuItemHighlight";
if (item.subMenu == null) { item.subMenu = document.getElementById(menuId); menuInit(item.subMenu); }
x = getPageOffsetLeft(item) + item.offsetWidth; y = getPageOffsetTop(item);
var maxX, maxY;
if (browser.isNS) { maxX = window.scrollX + window.innerWidth; maxY = window.scrollY + window.innerHeight; } if (browser.isIE && browser.version < 6) { maxX = document.body.scrollLeft + document.body.clientWidth; maxY = document.body.scrollTop + document.body.clientHeight; } if (browser.isIE && browser.version >= 6) { maxX = document.documentElement.scrollLeft + document.documentElement.clientWidth; maxY = document.documentElement.scrollTop + document.documentElement.clientHeight; } maxX -= item.subMenu.offsetWidth; maxY -= item.subMenu.offsetHeight;
if (x > maxX) x = Math.max(0, x - item.offsetWidth - item.subMenu.offsetWidth + (menu.offsetWidth - item.offsetWidth)); y = Math.max(0, Math.min(y, maxY));
item.subMenu.style.left = x + "px"; item.subMenu.style.top = y + "px"; item.subMenu.style.visibility = "visible";
if (browser.isIE) window.event.cancelBubble = true; else event.stopPropagation(); }
function closeSubMenu(menu) { if (menu == null || menu.activeItem == null) return;
if (menu.activeItem.subMenu != null) { closeSubMenu(menu.activeItem.subMenu); menu.activeItem.subMenu.style.visibility = "hidden"; menu.activeItem.subMenu = null; } removeClassName(menu.activeItem, "menuItemHighlight"); menu.activeItem = null; }
function menuInit(menu) { var itemList, spanList var textEl, arrowEl; var itemWidth; var w, dw; var i, j;
if (browser.isIE) { menu.style.lineHeight = "2.5ex"; spanList = menu.getElementsByTagName("SPAN"); for (i = 0; i < spanList.length; i++) if (hasClassName(spanList[i], "menuItemArrow")) { spanList[i].style.fontFamily = "Webdings"; spanList[i].firstChild.nodeValue = "4"; } }
itemList = menu.getElementsByTagName("A"); if (itemList.length > 0) itemWidth = itemList[0].offsetWidth; else return;
for (i = 0; i < itemList.length; i++) { spanList = itemList[i].getElementsByTagName("SPAN") textEl = null arrowEl = null; for (j = 0; j < spanList.length; j++) { if (hasClassName(spanList[j], "menuItemText")) textEl = spanList[j]; if (hasClassName(spanList[j], "menuItemArrow")) arrowEl = spanList[j]; } if (textEl != null && arrowEl != null) textEl.style.paddingRight = (itemWidth - (textEl.offsetWidth + arrowEl.offsetWidth)) + "px"; }
if (browser.isIE) { w = itemList[0].offsetWidth; itemList[0].style.width = w + "px"; dw = itemList[0].offsetWidth - w; w -= dw; itemList[0].style.width = w + "px"; } }
function getContainerWith(node, tagName, className) { while (node != null) { if (node.tagName != null && node.tagName == tagName && hasClassName(node, className)) return node; node = node.parentNode; }
return node; }
function hasClassName(el, name) { var i, list; list = el.className.split(" "); for (i = 0; i < list.length; i++) if (list[i] == name) return true;
return false; }
function removeClassName(el, name) { var i, curList, newList; if (el.className == null) return; newList = new Array(); curList = el.className.split(" "); for (i = 0; i < curList.length; i++) if (curList[i] != name) newList.push(curList[i]); el.className = newList.join(" "); }
function getPageOffsetLeft(el) { var x; x = el.offsetLeft; if (el.offsetParent != null) x += getPageOffsetLeft(el.offsetParent);
return x; }
function getPageOffsetTop(el) { var y; y = el.offsetTop; if (el.offsetParent != null) y += getPageOffsetTop(el.offsetParent);
return y; }
</script> </head> <body>
<!-- Menu bar. --> <div class="menuBar" style="width:80%;"> <a class="menuButton" href="" onclick="return buttonClick(event, 'ArchivoMenu');" onmouseover="buttonMouseover(event, 'ArchivoMenu');">Archivo</a> <a class="menuButton" href="" onclick="return buttonClick(event, 'EdiciónMenu');" onmouseover="buttonMouseover(event, 'EdiciónMenu');">Edición</a> <a class="menuButton" href="" onclick="return buttonClick(event, 'VerMenu');" onmouseover="buttonMouseover(event, 'VerMenu');">Ver</a> <a class="menuButton" href="" onclick="return buttonClick(event, 'HerramientasMenu');" onmouseover="buttonMouseover(event, 'HerramientasMenu');">Herramientas</a> <a class="menuButton" href="" onclick="return buttonClick(event, 'OpcionesMenu');" onmouseover="buttonMouseover(event, 'OpcionesMenu');">Opciones</a> <a class="menuButton" href="" onclick="return buttonClick(event, 'AyudaMenu');" onmouseover="buttonMouseover(event, 'AyudaMenu');">Ayuda</a> </div>
<!-- Main menus. -->
<div id="ArchivoMenu" class="menu" onmouseover="menuMouseover(event)"> <a class="menuItem" href="http://www.uterra.com">Archivo Menu Item 1</a> <a class="menuItem" href="" onclick="return false;" onmouseover="menuItemMouseover(event, 'ArchivoMenu2');" ><span class="menuItemText">Archivo Menu Item 2</span><span class="menuItemArrow">?</span></a> <a class="menuItem" href="http://www.uterra.com">Archivo Menu Item 3</a> <a class="menuItem" href="http://www.uterra.com">Archivo Menu Item 4</a> <a class="menuItem" href="http://www.uterra.com">Archivo Menu Item 5</a> <div class="menuItemSep"></div> <a class="menuItem" href="http://www.uterra.com">Archivo Menu Item 6</a> </div>
<div id="EdiciónMenu" class="menu" onmouseover="menuMouseover(event)"> <a class="menuItem" href="http://www.uterra.com">Edición Menu Item 1</a> <div class="menuItemSep"></div> <a class="menuItem" href="http://www.uterra.com">Edición Menu Item 2</a> <a class="menuItem" href="" onclick="return false;" onmouseover="menuItemMouseover(event, 'EdiciónMenu3');" ><span class="menuItemText">Edición Menu Item 3</span><span class="menuItemArrow">?</span></a> <a class="menuItem" href="http://www.uterra.com">Edición Menu Item 4</a> <div class="menuItemSep"></div> <a class="menuItem" href="http://www.uterra.com">Edición Menu Item 5</a> </div>
<div id="VerMenu" class="menu"> <a class="menuItem" href="http://www.uterra.com">Ver Menu Item 1</a> <a class="menuItem" href="http://www.uterra.com">Ver Menu Item 2</a> <a class="menuItem" href="http://www.uterra.com">Ver Menu Item 3</a> </div>
<div id="HerramientasMenu" class="menu" onmouseover="menuMouseover(event)"> <a class="menuItem" href="" onclick="return false;" onmouseover="menuItemMouseover(event, 'HerramientasMenu1');" ><span class="menuItemText">Herramientas Menu Item 1</span><span class="menuItemArrow">?</span></a> <a class="menuItem" href="http://www.uterra.com">Herramientas Menu Item 2</a> <a class="menuItem" href="http://www.uterra.com">Herramientas Menu Item 3</a> <div class="menuItemSep"></div> <a class="menuItem" href="" onclick="return false;" onmouseover="menuItemMouseover(event, 'HerramientasMenu4');" ><span class="menuItemText">Herramientas Menu Item 4</span><span class="menuItemArrow">?</span></a> <a class="menuItem" href="http://www.uterra.com">Herramientas Menu Item 5</a> </div>
<div id="OpcionesMenu" class="menu"> <a class="menuItem" href="http://www.uterra.com">Opciones Menu Item 1</a> <a class="menuItem" href="http://www.uterra.com">Opciones Menu Item 2</a> <a class="menuItem" href="http://www.uterra.com">Opciones Menu Item 3</a> </div>
<div id="AyudaMenu" class="menu"> <a class="menuItem" href="http://www.uterra.com">Ayuda Menu Item 1</a> <a class="menuItem" href="http://www.uterra.com">Ayuda Menu Item 2</a> <div class="menuItemSep"></div> <a class="menuItem" href="http://www.uterra.com">Ayuda Menu Item 3</a> </div>
<!-- Archivo sub menus. -->
<div id="ArchivoMenu2" class="menu"> <a class="menuItem" href="http://www.uterra.com">Archivo Menu 2 Item 1</a> <a class="menuItem" href="http://www.uterra.com">Archivo Menu 2 Item 2</a> </div>
<!-- Edición sub menus. -->
<div id="EdiciónMenu3" class="menu" onmouseover="menuMouseover(event)"> <a class="menuItem" href="http://www.uterra.com">Edición Menu 3 Item 1</a> <a class="menuItem" href="http://www.uterra.com">Edición Menu 3 Item 2</a> <div class="menuItemSep"></div> <a class="menuItem" href="" onclick="return false;" onmouseover="menuItemMouseover(event, 'EdiciónMenu3_3');" ><span class="menuItemText">Edición Menu 3 Item 3</span><span class="menuItemArrow">?</span></a> <a class="menuItem" href="http://www.uterra.com">Edición Menu 3 Item 4</a> </div>
<div id="EdiciónMenu3_3" class="menu"> <a class="menuItem" href="http://www.uterra.com">Edición Menu 3-3 Item 1</a> <a class="menuItem" href="http://www.uterra.com">Edición Menu 3-3 Item 2</a> <a class="menuItem" href="http://www.uterra.com">Edición Menu 3-3 Item 3</a> <div class="menuItemSep"></div> <a class="menuItem" href="http://www.uterra.com">Edición Menu 3-3 Item 4</a> </div>
<!-- Herramientas sub menus. -->
<div id="HerramientasMenu1" class="menu"> <a class="menuItem" href="http://www.uterra.com">Herramientas Menu 1 Item 1</a> <a class="menuItem" href="http://www.uterra.com">Herramientas Menu 1 Item 2</a> <div class="menuItemSep"></div> <a class="menuItem" href="http://www.uterra.com">Herramientas Menu 1 Item 3</a> <a class="menuItem" href="http://www.uterra.com">Herramientas Menu 1 Item 4</a> <div class="menuItemSep"></div> <a class="menuItem" href="http://www.uterra.com">Herramientas Menu 1 Item 5</a> </div>
<div id="HerramientasMenu4" class="menu" onmouseover="menuMouseover(event)"> <a class="menuItem" href="http://www.uterra.com">Herramientas Menu 4 Item 1</a> <a class="menuItem" href="http://www.uterra.com">Herramientas Menu 4 Item 2</a> <a class="menuItem" href="http://www.uterra.com" onclick="return false;" onmouseover="menuItemMouseover(event, 'HerramientasMenu4_3');"><span class="menuItemText">Herramientas Menu 4 Item 3</span><span class="menuItemArrow">?</span></a> </div>
<div id="HerramientasMenu4_3" class="menu"> <a class="menuItem" href="http://www.uterra.com">Herramientas Menu 4-3 Item 1</a> <a class="menuItem" href="http://www.uterra.com">Herramientas Menu 4-3 Item 2</a> <a class="menuItem" href="http://www.uterra.com">Herramientas Menu 4-3 Item 3</a> <a class="menuItem" href="http://www.uterra.com">Herramientas Menu 4-3 Item 4</a> </div>
<p></p>
<p>Por cortesía de <a href="http://www.uterra.com">www.uterra.com</a> </p> </body> </html> | |
|
Contenido patrocinado
| Tema: Re: Scripts de Menus para tu WEB. | |
| |
|