Menus despeglables

[nachoromero]

Lo anduve buscando por el FAQ pero no lo encontre... A ver si alguno me puede dar una mano. Necesitaria el script para hacer menus desplegables. Tengo en frame superior cuatro opciones con imagenes, quisiera que cuando se pasa el mouse por una de ellas se desplege un pequeño menu con las diferentes opciones. Seria lo mismo que el frame izquierda de opciones de www.apichot.com. Muchas gracias.

[caricatos]

Hola nachoromero:

Fíjate en la página de tunait: http://www.tunait.com/javascript, que tiene algo sobre este tema... además creo que hay uno para implementarlo entre frames.

Saludos

[Matthew_182]

Hola!!

Tengo dos tipo de menus el primero es asi

<FORM NAME='monform'>
<SELECT NAME='monpopup' onChange="change_site();">
<OPTION></OPTION>
<OPTION>1 Link
</OPTION>
<OPTION>2 LInk
</OPTION>
<OPTION>3 Link
</OPTION>
</SELECT>
</FORM>

Y el 2° es asi

var isHorizontal=0;

var iconTopWidth = 16;
var iconTopHeight = 16;
var subMenuAlign = "left";
var moveImage = "img/movepic4.gif";
var moveWidth = 12;
var moveHeight = 18;

var blankImage="img/blank.gif";
var fontStyle="normal 8pt Tahoma";
var fontColor=["#000000","#0000ff"];
var fontDecoration=["none","underline"];

var itemBackColor=["#E2EEFF","#ffffff"];
var itemBorderWidth=1;
var itemAlign="left";
var itemBorderColor=["#c0e0FF","#80A0FF"];
var itemBorderStyle=["solid","solid"];
var itemBackImage=["",""];

var menuBackImage="";
var menuBackColor="#ffffff";
var menuBorderColor="#000000";
var menuBorderStyle="solid";
var menuBorderWidth=0;
var transparency=100;
var transition=6;
var transDuration=300;
var shadowColor="#ffffff";
var shadowLen=0;
var menuWidth=""; // NEW (NN% or NNpx. Default - 0px)

var statusString="text";
var iconWidth=16;
var iconHeight=16;
var arrowImageMain=["img/arrow_r.gif","img/arrow_r.gif"];
var arrowImageSub=["img/arrow_r.gif","img/arrow_r.gif"]; // NEW
var arrowWidth=7;
var arrowHeight=7;
var itemSpacing=1;
var itemPadding=3;

var separatorImage="img/separ1.gif";
var separatorWidth="100%";
var separatorHeight="5";
var separatorAlignment="center";

var separatorVImage="img/separv1.gif";
var separatorVWidth="5";
var separatorVHeight="16";

var movable=1;
var absolutePos=1;
var posX=30;
var posY=110;

var itemCursor = "hand";
var itemTarget = "_self";
var moveCursor = "move";

var floatable=0;
var floatIterations=5;

var menuItems =
[
["Home","testlink.html","img/new1-05.gif","img/new1-05.gif","Home Tip","_blank"],
["Our Products","testlink.html","img/new1-08.gif","img/new1-08.gif","Our Products Tip"],
["|Product 1","testlink.html","img/b011.gif","img/b01.gif","Product 1 Tip"],
["|Product 2","testlink.html","img/b011.gif","img/b01.gif","Product 2 Tip"],
["||Description","testlink.html","img/b061.gif","img/b06.gif"],
["||Setup","testlink.html","img/b061.gif","img/b06.gif"],
["|||Parameters","testlink.html","img/b021.gif","img/b02.gif"],
["|||Tutorial","testlink.html","img/b021.gif","img/b02.gif"],
["||Help","testlink.html","img/b061.gif","img/b06.gif"],
["|Product 3","testlink.html","img/b011.gif","img/b01.gif","Product 3 Tip"],
["|Product 4","testlink.html","img/b011.gif","img/b01.gif","Product 4 Tip"],
["|Product 5","testlink.html","img/b011.gif","img/b01.gif","Product 5 Tip"],
["||Description","testlink.html","img/b061.gif","img/b06.gif"],
["||How to Setup","testlink.html","img/b061.gif","img/b06.gif"],
["|||Parameters","testlink.html","img/b021.gif","img/b02.gif"],
["|||Tutorial","testlink.html","img/b021.gif","img/b02.gif"],
["||Help","testlink.html","img/b061.gif","img/b06.gif"],
["|Product 6","testlink.html","img/b011.gif","img/b01.gif","Product 6 Tip"],
["More Info","testlink.html","img/new4-0985.gif"],
["|You can place <b>any HTML code</b><br> to item, for example <u>image</u>:<br><img src=img/logo.gif>","testlink.html"],
["Javascript calls","","img/new4-038.gif"],
["|Click to call<br>message box","javascript:alert('Hello world!')","img/b09.gif","img/b092.gif"],
["|Click to call<br>confirmation<br>dialog","javascript:confir m('Do you want to confirm?')","img/b09.gif","img/b092.gif"],
["|Open 'Testlink'<br>page in 680x600<br>window","javascript:open('testlink.html ','_blank','scrollbars,width=680,height=600')","im g/b09.gif","img/b092.gif"],
["Contact Us","mailto:[email protected]","img/new4-098.gif","img/new4-098.gif","Contact Us Tip"]
];

//
apy_init();

q t sea de gran ayuda saludos

[nachoromero]

Muchas gracias, pero encontre un programita que se llama Sothink q te los genera con templates. Para un principiante como yo eso tendra q bastar. Gracias de todas formas!