Bienvenido al foro de Descarga de Dragon Negro, aqui podras encontrar todo tipo de aportes de varios de nuestros registrados. Cualquier post es totalmente responsabilidad de quien lo Envia.


 
ÍndiceÍndice  PortalPortal  CalendarioCalendario  FAQFAQ  BuscarBuscar  MiembrosMiembros  Grupos de UsuariosGrupos de Usuarios  RegistrarseRegistrarse  ConectarseConectarse  
Conectarse
Nombre de Usuario:
Contraseña:
Entrar automáticamente en cada visita: 
:: Recuperar mi contraseña
Navegación
 Principal
 SilkRoad
 Mu BlackDragon
 Animemania
 Crea tu Server
 Diseno Web
 Buscar
Buscar
 
 

Resultados por:
 
Rechercher Búsqueda avanzada
Últimos temas
» Descargar GM HELPER V 4.3
Vie Mar 07, 2014 12:43 am por el_pr4m

» SIlkroad? es sin descarga
Vie Jun 14, 2013 5:21 pm por Tzmounster

» Montar Server Sro con Srevolution + EUROPEOS
Miér Jun 12, 2013 12:54 pm por baby12

» Montar Server Silkroad con Sea Shadow Emulator
Mar Jun 11, 2013 5:32 pm por devil183

» Hola quien me dice como crear un server de Silk Road
Miér Oct 17, 2012 5:29 pm por elmejor

» Files Mu Season 6 Crackeado
Lun Sep 10, 2012 9:43 pm por SrAnonimo

» Nuevo Servidor de MuOnline Season 2 Slow -
Dom Mayo 06, 2012 1:23 pm por muazumi

» Mu Azumi [Season 4.6|150x|80%]
Sáb Mayo 05, 2012 1:10 am por sansukes2

» FunzGamesss
Miér Mar 07, 2012 1:12 am por babyyy

HOla como estan
Dom Nov 28, 2010 5:13 am por Mondar
Pronto estare aportando mucho

Comentarios: 3
Mejores posteadores
Mondar
 
davidcho
 
JackVenezuela
 
Dragon
 
arkan0130
 
muazumi
 
RockStar
 
sicurizon
 
ivansosa666
 
el_pr4m
 
Noviembre 2017
LunMarMiérJueVieSábDom
  12345
6789101112
13141516171819
20212223242526
27282930   
CalendarioCalendario
Publicidad


Comparte | 
 

 Scripts de Menus para tu WEB.

Ver el tema anterior Ver el tema siguiente Ir abajo 
AutorMensaje
Mondar
Dragon Menor
Dragon Menor
avatar

Mensajes : 22
Fecha de inscripción : 28/11/2010
Edad : 33
Localización : Santa cruz

Personaje
Apodo: Mondar
Raza: Elfo
Arma: Cadena

MensajeTema: 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
Volver arriba Ir abajo
Ver perfil de usuario http://comunidadsantacruz.com
Mondar
Dragon Menor
Dragon Menor
avatar

Mensajes : 22
Fecha de inscripción : 28/11/2010
Edad : 33
Localización : Santa cruz

Personaje
Apodo: Mondar
Raza: Elfo
Arma: Cadena

MensajeTema: 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>
Volver arriba Ir abajo
Ver perfil de usuario http://comunidadsantacruz.com
Mondar
Dragon Menor
Dragon Menor
avatar

Mensajes : 22
Fecha de inscripción : 28/11/2010
Edad : 33
Localización : Santa cruz

Personaje
Apodo: Mondar
Raza: Elfo
Arma: Cadena

MensajeTema: 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>
Volver arriba Ir abajo
Ver perfil de usuario http://comunidadsantacruz.com
Mondar
Dragon Menor
Dragon Menor
avatar

Mensajes : 22
Fecha de inscripción : 28/11/2010
Edad : 33
Localización : Santa cruz

Personaje
Apodo: Mondar
Raza: Elfo
Arma: Cadena

MensajeTema: 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>
Volver arriba Ir abajo
Ver perfil de usuario http://comunidadsantacruz.com
Contenido patrocinado




MensajeTema: Re: Scripts de Menus para tu WEB.   

Volver arriba Ir abajo
 
Scripts de Menus para tu WEB.
Ver el tema anterior Ver el tema siguiente Volver arriba 
Página 1 de 1.

Permisos de este foro:No puedes responder a temas en este foro.
 :: Descargas y Tutoriales :: Programación y Diseño Web :: Scripts-
Cambiar a: