FXsinus.com HOME
The DHTML Menu - reloaded

Absolute Positioned Submenus Menu Sample

Description for this menu sample not yet available.

Please view the source code at the bottom of this page.
Discussion Forum
Download FX Menu
   »    License & Purchase
DHTML Menu Samples ::
 »  DHTML Menu Samples Overview
 »  Horizontal DHTML Menu Sample
 »  Vertical DHTML Menu Sample
 »  Windows 98 Style
 »  Windows XP Style
 »  Microsoft.com
 »  Multiple Styles
 »  Multiple Colored Menus
 »  Image Based Menu
 »  Image Map Based Menus
 »  Background Images (LOTR)
 »  Absolute Positioning
 »  Relative Positioning (to a table cell)
 »  Pop Up with Relative Positioning
 »  Pop Up with Absolute Positioning
 »  Pop Up with Tooltip Positioning
 »  Absolute Positioned Submenus
 »  Tooltip Positioned Submenus
 »  JavaScript Functions
 »  Opening Windows & Targeting (i)frames
 »  Flickthrough Menu
 »  Show/Hide Submenus OnClick
 »  Item Sizing
 »  Item Positioning
 »  Scrolling (overflow)
 »  Tables (columns)
 »  API - Methods & Functions
 »  Displaying Multiple Submenus

Menu Settings for this Sample Menu in input.js


ordernumber="";//Once you have licensed FX Menu, the order number will be sent to you by share-it!.

emptyimage="image/transparent.gif";// Transparent image in gif format.
showdelay=200;//Time delay before submenus are displayed. Unit is milliseconds.
hidedelay=800;//Time delay before submenus are hidden. Unit is milliseconds.

/*Start Style Declarations*/

with(itemStyle=new fxstyle()){
width=140;
height=20;
color="#000000";
coloron="#FFFFFF";
bgcolor="#E8E8FF";
bgcoloron="#6699CC";
fontsize="8pt";
fontfamily="Verdana,Arial";
paddingtop=1;
paddingleft=3;
arrow="image/nav/arrowblack11.gif";
arrowon="image/nav/arrowwhite11.gif";
arrowright=20;
arrowtop=1;
}

with(menuStyle=new fxmenustyle()){
filterover="Alpha(opacity=90)";
menubgcolor="#E8E8FF";
menuborderwidth=1;
menubordercolor="#3366CC";
separatorsize=1;
separatorcolor="#3366CC";
highlightpath=true;
wiseposition=true;
}

imageStyle=new cloneStyle(itemStyle);
imageStyle.paddingleft=0;
imageStyle.paddingtop=0;
imageStyle.type="header";

/*Start Menu Declarations*/



with(new fxmenu("fxsinus")){
style=itemStyle;
menustyle=menuStyle;
visible=true;
position="absolute"
top=170;
left=59;
orientation="horizontal"
fx("text=Home;url=index.html;width=70");
fx("text=Monet;show=ClaudeMonet;width=67");
fx("text=Schiele;show=EgonSchiele;width=67");
fx("text=Dali;show=SalvadorDali;width=62");
fx("text=Magritte;show=ReneMagritte;width=78");
}

with(new fxmenu("ReneMagritte")){
style=itemStyle;
menustyle=menuStyle;
width=320;
position="absolute";
left=59;
top=105;
fx("text=Alice au pays des merveilles, 1949;show=Alice");
fx("text=Elseneur, 1944;show=Elseneur");
fx("text=L'invention de la vie (The Invention of Life), 1928;show=Invention");
}

with(new fxmenu("Alice")){
style=imageStyle;
menustyle=menuStyle;
width=185
height=124
fx("image=image/aliceaupaysdemerveilles.jpg");
}

with(new fxmenu("Elseneur")){
style=imageStyle;
menustyle=menuStyle;
width=152
height=185
fx("image=image/elseneur.jpg");
}

with(new fxmenu("Invention")){
style=imageStyle;
menustyle=menuStyle;
width=185
height=128
fx("image=image/linventiondelavie.jpg");
}

with(new fxmenu("SalvadorDali")){
style=itemStyle;
menustyle=menuStyle;
width=170
position="absolute";
left=59
top=105
fx("text=Elefante Celestial;show=Elefante");
fx("text=Les Servants;show=Servants");
fx("text=The Skull;show=Skull");
}



with(new fxmenu("Servants")){
style=imageStyle;
menustyle=menuStyle;
width=124;
height=185;
fx("image=image/lesservants.jpg");
}

with(new fxmenu("Elefante")){
style=imageStyle;
menustyle=menuStyle;
width=124;
height=185;
fx("image=image/elefantecelestial.jpg");
}

with(new fxmenu("Skull")){
style=imageStyle;
menustyle=menuStyle;
width=158;
height=185;
fx("image=image/theskull.jpg");
}

with(new fxmenu("ClaudeMonet")){
style=itemStyle;
menustyle=menuStyle;
width=370;
position="absolute";
left=59
top=105
fx("text=Environs De Vetheuil, Fleurs, 1881;show=Fleurs;");
fx("text=Jardin de Roses, Giverny (La Maison dans les roses), 1925;show=JardinDeRoses;");
}

with(new fxmenu("Fleurs")){
style=imageStyle;
menustyle=menuStyle;
width=185;
height=147;
fx("image=image/environsdevetheuilfleurs.jpg;");
}

with(new fxmenu("JardinDeRoses")){
style=imageStyle;
menustyle=menuStyle;
width=185;
height=161;
fx("image=image/jardinderoses.jpg;");
}

with(new fxmenu("EgonSchiele")){
style=itemStyle;
menustyle=menuStyle;
width=275;
position="absolute";
left=59;
top=105;
fx("text=Two Women;show=TwoWomen;");
fx("text=Portrait of a Gentleman;show=PortraitGentleman;");
fx("text=Wally Neuzilin Underclothes and Stockings;show=Wally;");
}

with(new fxmenu("Wally")){
style=imageStyle;
menustyle=menuStyle;
width=118;
height=185;
fx("image=image/wallyneuzilinunderclothesandstockings.jpg;");
}

with(new fxmenu("PortraitGentleman")){
style=imageStyle;
menustyle=menuStyle;
width=135;
height=185;
fx("image=image/portraitofagentleman.jpg;");
}

with(new fxmenu("TwoWomen")){
style=imageStyle;
menustyle=menuStyle;
width=126;
height=185;
fx("image=image/twowomen.jpg;");
}

buildMenus();
Home | Forum | Link to us
FXsinus.com - Austria.
Vor der Bruck 15,
A-2770 Goodstone
 © Copyright 2001-2004 FXsinus.com, All Rights Reserved. webmaster@fxsinus.com