FXsinus.com HOME
The DHTML Menu - reloaded
Colorado Wyoming Utah Arizona Nebraska New Mexico Kansas Oklahoma

Image Map Based Menu Sample

Colorado QuickFacts

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()){
height=20;
fontsize="8pt"
color="#000000"
coloron="#FFFFFF";
bgcolor="#E8E8FF";
bgcoloron="#6699CC";
fontfamily="Verdana,Arial";
paddingtop=1;
paddingleft=3;
arrow="image/nav/arrowblack21.gif";
arrowon="image/nav/arrowgreen21.gif";
arrowright=20;
arrowtop=1;
}

with(headerStyle=new fxstyle()){
height=20;
width=210;
fontsize="8pt";
color="#000000";
bgcolor="#E8E8FF";
fontfamily="Verdana,Arial";
paddingtop=1;
paddingleft=3;
type="header";
}

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

/*Start Menu Declarations*/


with(new fxmenu("Oklahoma")){
style=itemStyle;
menustyle=menuStyle;
width=100
fx("text=Oklahoma;type=header");
fx("text=QuickFacts;show=OklahomaFacts");
}
with(new fxmenu("OklahomaFacts")){
style=headerStyle
menustyle=menuStyle;
columns=2
fx("text=Population, 2003 estimate");
fx("text=3,511,532;width=110");
fx("text=Land area (square miles)");
fx("text=68,667");
fx("text=Persons per square mile, 2000");
fx("text=50.3");
}




with(new fxmenu("Wyoming")){
style=itemStyle
menustyle=menuStyle;
width=100
fx("text=Wyoming;type=header");
fx("text=QuickFacts;show=WyomingFacts");
}
with(new fxmenu("WyomingFacts")){
style=headerStyle
menustyle=menuStyle;
columns=2
fx("text=Population, 2003 estimate");
fx("text=501,242;width=110");
fx("text=Land area (square miles)");
fx("text=97,100");
fx("text=Persons per square mile, 2000");
fx("text=5.1");
}
with(new fxmenu("Utah")){
style=itemStyle
menustyle=menuStyle;
width=100
fx("text=Utah;type=header");
fx("text=QuickFacts;show=UtahFacts");
}
with(new fxmenu("UtahFacts")){
style=headerStyle
menustyle=menuStyle;
columns=2
fx("text=Population, 2003 estimate");
fx("text=2,351,467;width=110");
fx("text=Land area (square miles)");
fx("text=82,144");
fx("text=Persons per square mile, 2000");
fx("text=27.2");
}

with(new fxmenu("Colorado")){
style=itemStyle
menustyle=menuStyle;
width=100
fx("text=Colorado;type=header");
fx("text=QuickFacts;show=ColoradoFacts");
}
with(new fxmenu("ColoradoFacts")){
style=headerStyle
menustyle=menuStyle;
columns=2
fx("text=Population, 2003 estimate");
fx("text=4,550,688;width=110");
fx("text=Land area (square miles)");
fx("text=103,718");
fx("text=Persons per square mile, 2000");
fx("text=41.5");
}


with(new fxmenu("Kansas")){
style=itemStyle
menustyle=menuStyle;
width=100
fx("text=Kansas;type=header");
fx("text=QuickFacts;show=KansasFacts");
}
with(new fxmenu("KansasFacts")){
style=headerStyle
menustyle=menuStyle;
columns=2
fx("text=Population, 2003 estimate");
fx("text=2,723,507;width=110");
fx("text=Land area (square miles)");
fx("text=81,815");
fx("text=Persons per square mile, 2000");
fx("text=32.9");
}

with(new fxmenu("Arizona")){
style=itemStyle
menustyle=menuStyle;
width=100
fx("text=Arizona;type=header");
fx("text=QuickFacts;show=ArizonaFacts");
}
with(new fxmenu("ArizonaFacts")){
style=headerStyle
menustyle=menuStyle;
columns=2
fx("text=Population, 2003 estimate");
fx("text=5,580,811;width=110");
fx("text=Land area (square miles)");
fx("text=113,635");
fx("text=Persons per square mile, 2000");
fx("text=45.2");
}


with(new fxmenu("NewMexico")){
style=itemStyle
menustyle=menuStyle;
width=100
fx("text=NewMexico;type=header");
fx("text=QuickFacts;show=NewMexicoFacts");
}
with(new fxmenu("NewMexicoFacts")){
style=headerStyle
menustyle=menuStyle;
columns=2
fx("text=Population, 2003 estimate");
fx("text=1,874,614;width=110");
fx("text=Land area (square miles)");
fx("text=121,356");
fx("text=Persons per square mile, 2000");
fx("text=15.0");
}

with(new fxmenu("Nebraska")){
style=itemStyle
menustyle=menuStyle;
width=100
fx("text=Nebraska;type=header");
fx("text=QuickFacts;show=NebraskaFacts");
}
with(new fxmenu("NebraskaFacts")){
style=headerStyle
menustyle=menuStyle;
columns=2
fx("text=Population, 2003 estimate");
fx("text=1,739,291;width=110");
fx("text=Land area (square miles)");
fx("text=76,872");
fx("text=Persons per square mile, 2000");
fx("text=22.3");
}

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