|
The menu bar below is fixed positioned. It will remain visible when you scroll down.
|
Over 2000+ free Javascript
at JavaScriptBank.com Website
Source code for creating menu bars and menus in this page:
function createjsDOMenu() {
fixedMenu1 = new jsDOMenu(120, "", "fixed");
with (fixedMenu1) {
addMenuItem(new menuItem("Item 1", "", "blank.htm"));
addMenuItem(new menuItem("Item 2", "", "blank.htm"));
addMenuItem(new menuItem("Item 3", "", "blank.htm"));
addMenuItem(new menuItem("-"));
addMenuItem(new menuItem("Item 4", "", "blank.htm"));
addMenuItem(new menuItem("Item 5", "item5", "blank.htm"));
}
fixedMenu1_1 = new jsDOMenu(130, "", "fixed");
with (fixedMenu1_1) {
addMenuItem(new menuItem("Item 1", "", "blank.htm"));
addMenuItem(new menuItem("-"));
addMenuItem(new menuItem("Item 2", "", "blank.htm"));
addMenuItem(new menuItem("-"));
addMenuItem(new menuItem("Item 3", "", "blank.htm"));
addMenuItem(new menuItem("-"));
addMenuItem(new menuItem("Item 4", "", "blank.htm"));
}
fixedMenu2 = new jsDOMenu(120, "", "fixed");
with (fixedMenu2) {
addMenuItem(new menuItem("Item 1", "", "blank.htm"));
addMenuItem(new menuItem("Item 2", "", "blank.htm"));
addMenuItem(new menuItem("-"));
addMenuItem(new menuItem("Item 3", "item3", "blank.htm"));
addMenuItem(new menuItem("Item 4", "", "blank.htm"));
}
fixedMenu2_1 = new jsDOMenu(150, "", "fixed");
with (fixedMenu2_1) {
addMenuItem(new menuItem("Item 1", "", "blank.htm"));
addMenuItem(new menuItem("-"));
addMenuItem(new menuItem("Item 2", "", "blank.htm"));
addMenuItem(new menuItem("Item 3", "", "blank.htm"));
addMenuItem(new menuItem("Item 4", "", "blank.htm"));
addMenuItem(new menuItem("-"));
addMenuItem(new menuItem("Item 5", "", "blank.htm"));
}
fixedMenu3 = new jsDOMenu(140, "", "fixed");
with (fixedMenu3) {
addMenuItem(new menuItem("Item 1", "", "blank.htm"));
addMenuItem(new menuItem("Item 2", "item2", "blank.htm"));
addMenuItem(new menuItem("-"));
addMenuItem(new menuItem("Item 3", "", "blank.htm"));
addMenuItem(new menuItem("Item 4", "", "blank.htm"));
}
fixedMenu3_1 = new jsDOMenu(150, "", "fixed");
with (fixedMenu3_1) {
addMenuItem(new menuItem("Item 1", "", "blank.htm"));
addMenuItem(new menuItem("-"));
addMenuItem(new menuItem("Item 2", "", "blank.htm"));
addMenuItem(new menuItem("Item 3", "", "blank.htm"));
addMenuItem(new menuItem("-"));
addMenuItem(new menuItem("Item 4", "", "blank.htm"));
addMenuItem(new menuItem("Item 5", "", "blank.htm"));
}
fixedMenu1.items.item5.setSubMenu(fixedMenu1_1);
fixedMenu2.items.item3.setSubMenu(fixedMenu2_1);
fixedMenu3.items.item2.setSubMenu(fixedMenu3_1);
fixedMenuBar = new jsDOMenuBar("fixed");
with (fixedMenuBar) {
addMenuBarItem(new menuBarItem("Item 1", fixedMenu1));
addMenuBarItem(new menuBarItem("Item 2", fixedMenu2));
addMenuBarItem(new menuBarItem("Item 3", fixedMenu3));
moveTo(10, 100);
}
absoluteMenu1 = new jsDOMenu(120, "", "absolute");
with (absoluteMenu1) {
addMenuItem(new menuItem("Item 1", "", "blank.htm"));
addMenuItem(new menuItem("Item 2", "item2", "blank.htm"));
addMenuItem(new menuItem("Item 3", "", "blank.htm"));
addMenuItem(new menuItem("-"));
addMenuItem(new menuItem("Item 4", "", "blank.htm"));
addMenuItem(new menuItem("Item 5", "", "blank.htm"));
}
absoluteMenu1_1 = new jsDOMenu(130, "", "absolute");
with (absoluteMenu1_1) {
addMenuItem(new menuItem("Item 1", "", "blank.htm"));
addMenuItem(new menuItem("-"));
addMenuItem(new menuItem("Item 2", "", "blank.htm"));
addMenuItem(new menuItem("Item 3", "", "blank.htm"));
addMenuItem(new menuItem("-"));
addMenuItem(new menuItem("Item 4", "", "blank.htm"));
}
absoluteMenu2 = new jsDOMenu(120, "", "absolute");
with (absoluteMenu2) {
addMenuItem(new menuItem("Item 1", "", "blank.htm"));
addMenuItem(new menuItem("Item 2", "", "blank.htm"));
addMenuItem(new menuItem("Item 3", "", "blank.htm"));
addMenuItem(new menuItem("-"));
addMenuItem(new menuItem("Item 4", "item4", "blank.htm"));
}
absoluteMenu2_1 = new jsDOMenu(150, "", "absolute");
with (absoluteMenu2_1) {
addMenuItem(new menuItem("Item 1", "", "blank.htm"));
addMenuItem(new menuItem("-"));
addMenuItem(new menuItem("Item 2", "", "blank.htm"));
addMenuItem(new menuItem("Item 3", "", "blank.htm"));
addMenuItem(new menuItem("Item 4", "", "blank.htm"));
addMenuItem(new menuItem("Item 5", "", "blank.htm"));
}
absoluteMenu3 = new jsDOMenu(140, "", "absolute");
with (absoluteMenu3) {
addMenuItem(new menuItem("Item 1", "item1", "blank.htm"));
addMenuItem(new menuItem("Item 2", "", "blank.htm"));
addMenuItem(new menuItem("-"));
addMenuItem(new menuItem("Item 3", "", "blank.htm"));
addMenuItem(new menuItem("Item 4", "", "blank.htm"));
}
absoluteMenu3_1 = new jsDOMenu(150, "", "absolute");
with (absoluteMenu3_1) {
addMenuItem(new menuItem("Item 1", "", "blank.htm"));
addMenuItem(new menuItem("-"));
addMenuItem(new menuItem("Item 2", "", "blank.htm"));
addMenuItem(new menuItem("-"));
addMenuItem(new menuItem("Item 3", "", "blank.htm"));
addMenuItem(new menuItem("-"));
addMenuItem(new menuItem("Item 4", "", "blank.htm"));
addMenuItem(new menuItem("Item 5", "", "blank.htm"));
}
absoluteMenu1.items.item2.setSubMenu(absoluteMenu1_1);
absoluteMenu2.items.item4.setSubMenu(absoluteMenu2_1);
absoluteMenu3.items.item1.setSubMenu(absoluteMenu3_1);
absoluteMenuBar = new jsDOMenuBar("absolute");
with (absoluteMenuBar) {
addMenuBarItem(new menuBarItem("Item 1", absoluteMenu1));
addMenuBarItem(new menuBarItem("Item 2", absoluteMenu2));
addMenuBarItem(new menuBarItem("Item 3", absoluteMenu3));
moveTo(10, 290);
}
}