WarioTeAyuda

Menu que aparece al pasar mouse

Fuente yomaster.com
Partes modificables de este código:

 En estas líneas puedes modificar la ruta de las imágenes:

 

var minusimg=new Image()
minusimg.src="abajo.gif"
var plusimg=new Image()
plusimg.src="lastpost.gif"
 

y en todas las líneas que se encuentre esta imagen: 'emptypixel.gif'  esta es transparente.

 

En estas líneas se especifica si es un enlace o un desplegable:

var i_level=new Array(0,0,1,1,1,0,1,1,1,0,1,1)
 

cada número pertenece a un texto de la lista desplegable, en orden de arriba a abajo. El cero 0 es un desplegable y el uno 1 es un link. Todos los unos a la derecha de un cero, serán los links que se verán al desplegarse el texto que corresponda al cero.

 

Por ejemplo, te pongo en verde en los ejemplos siguientes los que pertenecen a un Texto desplegable, cogeremos el que pone menú 2.

 

En esta línea es donde se insertan las URL de cada link incluso el texto de los desplegables que están puestos con este símbolo # para que no funcionen pero les puedes poner una URL si lo prefieres:

 

var i_url=new Array("http://www.yomaster.com","#","http://www.yomaster.com",

"http://www.yomaster.com","http://www.yomaster.com","#","http://www.yomaster.com",

"http://www.yomaster.com","http://www.yomaster.com","#","http://www.yomaster.com",

"http://www.yomaster.com")
 

también se insertan en orden de la lista, de arriba a abajo. La primera URL corresponde al primer texto de la lista, el segundo al segundo, etc...

 

Aquí se insertan los textos de los enlaces o vínculos así como los textos de los desplegables:

 

var i_text=new Array("HOME","Menú 1","Link 1","Link 2","Link 3","Menú 2","Link 1","Link 2","Link 3","Menú 3","Link 1","Link 2")

 

Aquí también están en el mismo orden.. El primer texto corresponde a la primera URL y así sucesivamente...

 

Es esta línea puedes modificarla para que se abra en una nueva ventana o como lo prefieras:

 

var i_target=new Array("_blank","_blank","_blank","_blank","_blank","_blank",

"_blank","_blank","_blank","_top","_top","_top")

también están en el mismo orden que los anteriores.

 

Para insertar más link, deberás de insertar un nuevo dato en cada uno de los apartados que te he mencionado. Por ejemplo, en la primera estaba así:

 

var i_level=new Array(0,0,1,1,1,0,1,1,1,0,1,1)

 

pues le insertas un nuevo número.. así:

 

var i_level=new Array(0,0,1,1,1,0,1,1,1,0,1,1,1)

 

y si quieres que sea un desplegable, le pones un cero:

 

var i_level=new Array(0,0,1,1,1,0,1,1,1,0,1,1,0)

 

En las demás líneas, les añades los datos separados por comillas y una coma entre ellas:

 

 ","

 

como son las URL, los textos de links o desplegables, etc...

 

Puedes modificar la situación en la página del menú en estas líneas:

 

var verspacetoplevel=5
var verspacesublevel=2
var horspace=3
 

Puedes modificar el tipo de fuente en estas líneas:

 

Para los desplegables:

var fnttop="arial"

 

Para los links:

var fntsub="Arial"

 

Color de desplegables:

var fnttopcolor="black"
 

Color de links:

var fntsubcolor="A0A0A0"

 

 

También puedes insertar el código dentro de una tabla y meterla donde quieras en tu página.

Muestra: