FXsinus.com HOME
The DHTML Menu - reloaded

Pop Up DHTML Menu Sample with Absolute Positioning

Move your mouse over me to pop up an absolute positioned menu

Click to display advertisements with the popUp absolute positioning method.

Show on "mouseover" advertisements with the popUp absolute positioning method.

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;
}


/*Start Menu Declarations*/

with(new fxmenu("advertisement")){
style=itemStyle;
menustyle=menuStyle;
position="absolute"
filterover="Alpha(Opacity=80)";
top=85;
left=15;
orientation="horizontal"
fx("image=image/ferrari1.jpg;cursor=default;width=660;height=322;paddingtop=0;paddingleft=0;align=center");
}
with(new fxmenu("MainMenu")){
style=itemStyle;
menustyle=menuStyle;
visble=false;
position="absolute";
top=85;
left=15;
orientation="horizontal";
fx("text=Home;url=index.html;width=66;title=FXsinus.com;");
fx("text=FX Menu;show=FX Menu;width=79;title=The Menu - reloaded;");
fx("text=Support;width=80;show=Support;");
fx("text=Links;width=66;show=Links;");
fx("text=Archive;width=83;show=Archive;title=DHTML Scripts;");
}

with(new fxmenu("FX Menu")){
style=itemStyle;
menustyle=menuStyle;
width=190;
fx("text=Menu Version Information;url=html/fxversion.html;");
fx("text=Menu Reference Guide;show=Reference;");
fx("text=FAQ;url=html/faq.html;");
fx("text=Browser Compatibility;url=menu/compatibility/browsers.html;");
fx("text=Accessibility;url=menu/accessibility/accessiblemenus.html;");
fx("text=Menu Samples;show=MenuSamples;");
fx("text=Professional Webdesigners;url=menu/professional/index.html;");
fx("text=License & Purchase;url=html/purchase.html;");
fx("text=Download;url=menu/download/index.html;");
}

with(new fxmenu("Archive")){
style=itemStyle;
menustyle=menuStyle;
width=190;
fx("text=Complete Archive Sitemap;url=html/sitemapar.html;");
fx("text=Minesweeper Tomse;url=dhtml/minesweeper/index.html;");
fx("text=MX DHTML Wizard;url=dhtml/webmenus/index.html;");
}

with(new fxmenu("Reference")){
style=itemStyle;
menustyle=menuStyle;
width=140;
fx("text=Global Variables;url=menu/guide/index.html;");
fx("text=Style Properties;url=menu/guide/style.html;");
fx("text=Menu Properties;url=menu/guide/menu.html;");
fx("text=Item Properties;url=menu/guide/item.html;");
}

with(new fxmenu("Links")){
style=itemStyle;
menustyle=menuStyle;
width=150;
fx("text=Quirksmode;url=http://www.quirksmode.org;target=blank;");
fx("text=Hotscripts;url=http://www.hotscripts.com/?RID=159568;target=blank;");
fx("text=Scriptsearch;url=http://www.scriptsearch.com;target=blank;");
fx("text=Codepedia;url=http://www.codepedia.com;target=blank;");
fx("text=W3C;url=http://www.w3c.org;target=blank;");
fx("text=Webfx;url=http://webfx.eae.net;target=blank;");
fx("text=Topshareware;url=http://www.topshareware.com;target=blank;");
}

with(new fxmenu("Support")){
style=itemStyle;
menustyle=menuStyle;
width=150;
fx("text=E-mail;url=html/support.html;");
fx("text=Discussion Forum;url=forums/index.php;target=blank;");
}

with(new fxmenu("MenuSamples")){
style=itemStyle;
menustyle=menuStyle;
width=270;
overflow="scroll";
fx("text=Text Based Menu Samples;type=header;bgcolor=#FFFFFF;fontweight=bold;");
fx("text=Horizontal Menu;url=menu/samples/horizontal.html;");
fx("text=Vertical Menu;url=menu/samples/vertical.html;");
fx("text=Windows 98;url=menu/samples/windows98.html;");
fx("text=Windows XP;url=menu/samples/windowsxp.html;");
fx("text=Multiple Style;url=menu/samples/multiplestyle.html;");
fx("text=Multiple Colored Menus;url=menu/samples/multiplecolors.html;");
fx("text=Image Based Menu Samples;type=header;bgcolor=#FFFFFF;fontweight=bold;");
fx("text=Image Based Menu;url=menu/samples/imagebased.html;");
fx("text=Image Map Based Menu;url=menu/samples/imagemap.html;");
fx("text=Background - Images (LOTR);url=menu/samples/background.html;");
fx("text=Positioning Samples;type=header;bgcolor=#FFFFFF;fontweight=bold;");
fx("text=Absolute Positioning;url=menu/samples/absolute.html;");
fx("text=Relative Positioning (to a table cell);color=#FF0000;url=menu/samples/relative.html;");
fx("text=Pop Up with Absolute Positioning;url=menu/samples/popupabsolute.html;");
fx("text=Pop Up with Relative Positioning;url=menu/samples/popuprelative.html;");
fx("text=Pop Up with Tooltip Positioning;url=menu/samples/popuptooltip.html;");
fx("text=Absolute Positioned Submenus;url=menu/samples/submenuabsolute.html;");
fx("text=Tooltip Positioned Submenus;url=menu/samples/submenutooltip.html;");
fx("text=Functionality Samples;type=header;bgcolor=#FFFFFF;fontweight=bold;");
fx("text=JavaScript Functions;url=menu/samples/javascript.html;");
fx("text=Opening windows & targeting (i)frames;url=menu/samples/targetframe.html;target=blank;");
fx("text=Flickthrough Menu;url=menu/samples/flickthrough.html;");
fx("text=Show/Hide Submenus Onclick;url=menu/samples/showhideclick.html;");
fx("text=Item Sizing;url=menu/samples/itemsizing.html;");
fx("text=Item Positioning;url=menu/samples/itemposition.html;");
fx("text=Scrolling (overflow);url=menu/samples/overflow.html;");
fx("text=Tables (columns);url=menu/samples/tablemenu.html;");
fx("text=API Functions & Methods;url=menu/samples/api.html;");
fx("text=Displaying Multiple Submenus;url=menu/samples/multiplesubs.html;");
}

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