FXsinus.com HOME
The DHTML Menu - reloaded

Table DHTML Menu Sample with columns

columns="3";

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


with(new fxmenu("Main Menu")){
style=itemStyle;
menustyle=menuStyle;
visible=true;
position="absolute"
top=160;
left=59;
orientation="horizontal"
fx("text=Home;url=index.html;width=66;title=FX Sinus");
fx("text=Menu Samples;show=MenuSamples;width=117;");
}


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