(c) 2016, Deluxe-Menu.com
Search  
Ctrl+F2 - enter/switch menu | Arrow keys - navigate | Esc - exit menu  
  Samples
  Functional Samples
  AJAX Menu
  Javascript API javascript dynamic menu
  Cross Frame Menu javascript dynamic menu
  Popup Menu javascript dynamic menu
  Highlighted Items javascript dynamic menu
  Smart Scrollable Submenus javascript scrolling menu
  CSS Javascript Menu javascript scrolling menu
  Objects Overlapping javascript scrolling menu
  Filters and Effects dhtml dynamic menu
  Individual Styles javascript cascade menu
  Moving Menu javascript cascade menu
  Floating Menu javascript cascade menu
  Search Support javascript menu
  Sound Support javascript vertical menu
  Multilevel Menu drop down list
  Multicolumn Menu dhtml menu script
  Ways of Showing Sub Menus javascript mouse over menu
  Image Based Navigation javascript mouse over menu
  Templates javascript mouse over menu
  Elegant Templates (v4.1+)
  Android Dark Menu horizontal menu
  Block Blue Menu menu using javascript
  Elegant Dark Menu dropdown menu using css
  Gradient Gray Menu dropdown menu with images
  Dark Menu clickable menu
  Blue Menu html menu code
  Dark Orange Menu css dhtml menu
  Grey Menu horizontal dhtml menu
  Red Menu movable menu
  Simple Dark Menu css menu dhtml
  Blue-Orange Menu orange menu - horizontal css menu
  Glossy Menu dhtml menu navigation
  Olive Menu dhtml navigation menu
  Light Menu dhtml popup menu
  Black Red Menu css menu pulldown
  Youtube Style Template 1 script drop down menu
  Youtube Style Template 2 drop down navigation menu
  Digg Style dhtml navigation menu
  Yahoo Style transparent drop down menu
  Extra Templates
  Orange Menu drop down css menu
  Blue Rounded Menu css menu dropdown
  Grey Rounded Menu pure css menu
  Dark Blue Rounded javascript menu bar
  Dark Green Rounded css dynamic menu
  Dark Red Rounded css menu script
  Horizontal Submenus horizontal dhtml menu
  Coffee Menu dropdown html menu
  Space Menu simple dropdown menu
  Rounded Nav Bar drop down navigation menu
  Orange Green Menu website drop down menu
  Green Tabs mouseover drop down menu
  Orange Tabs rollover drop down menu
  Veoh Style Menu dhtml horizontal menu
  Dark Red Menu rollover dropdown menu
  Green Menu dhtml sliding menu
  Black Rounded mouse over drop down menu
  Adobe Style sliding menu
  Amazon Style dhtml pop up menus
  Cnet Style multicolumn dhtml menu
  Dell Style horizontal dhtml menu
  Ebay Style dhtml menu bar
  Google Style dhtml pop up menu
  Microsoft Style dhtml cascading menu
  Mozilla Style dhtml pull down menu
  Myspace Style drop down menu bar
  Photobuket Style drop down navigation menu
  New iPhone Templates
  iPhone 1 cascading drop down menu
  iPhone 2 sliding dhtml menu
  iPhone 3 cross browser dhtml menu
  iPhone 4 expanding dhtml menu
  iPhone 5 cascading css menu
  iPhone 6 code css menu
  iPhone 7 collapsible css menu
  iPhone 8 collapsible drop down menu
  iPhone 9 css drop menu
  iPhone 10 css floating menu
  iPhone 11 css horizontal drop down menu
  iPhone 12 css menu bar
  iPhone 13 css menu collapse
  iPhone 14 css menu rollover
  iPhone 15 css menu slide
  iPhone 16 css navigation menu
  iPhone 17 css pop up menu
  iPhone 18 dropdown submenu
  iPhone 19 html css menu
  iPhone 20 mouseover css menu
  Vista Styles (Part 1)
  Vista Style 1 dropdown menu
  Vista Style 2 dhtml transparent menu
  Vista Style 3 html drop down menu
  Vista Style 4 javascript menu dropdown
  Vista Style 5 drop down menu html
  Vista Style 6 drop down menu script
  Vista Style 7 dhtml navigation menu
  Vista Style 8 javascript pull down menu
  Vista Styles (Part 2)
  Vista Style 1 dropdown menu script
  Vista Style 2 javascript list menu
  Vista Style 3 floating javascript menu
  Vista Style 4 dhtml menu bar
  Vista Style 5 menu drop down
  Vista Style 6 javascript select menu
  Vista Style 7 dhtml quick menu
  Vista Style 8 web drop down menu
  Vista Style 9 dhtml static menu
  Vista Style 10 pulldown menu
  Vista Style 11 simple dhtml menu
  Vista Style 12 vertical dropdown menu
  Vista Style 13 javascript ajax menu
  Vista Style 14 javascript vista menu
  Vista Style 15 mouse over drop down menu
  Vista Style 16 menu script in javascript
  Vista Style 17 javascript web menu
  Vista Styles (Part 3)
  Vista Style 1 dropdown menu html
  Vista Style 2 cascading javascript menu
  Vista Style 3 javascript window menu
  Vista Style 4 sample dhtml menu
  Vista Style 5 vertical navigation menu
  Vista Style 6 javascript navigation menu
  Vista Style 7 dhtml cross browser menu
  Vista Style 8 cascading menu
  Tab Styles
  IE7 Style dropdown menu html
  Firefox Style horizontal dropdown css menu
  Opera Style dropdown navigation menu
  Netscape Style dropdown menu bar
  Microsoft Style html dropdown menu
  Simple Tabs 1 horizontal dropdown menu
  Simple Tabs 2 mouseover dropdown menu
  Simple Tabs 3 drop down vertical menu
  Simple Tabs 4 html menu navigation
  XP Style dhtml pull down menu
  MAC Style 1 hierarchical menu
  MAC Style 2 dhtml slide menu
  MAC Style 3 cross browser dhtml menu
  XP Styles
  XP Style 1 cascading javascript menu
  XP Style 2 javascript side menu
  XP Style Taskbar javascript drop menu
  Common Styles
  Office Style 1 mouseover drop down menu
  Office Style 2 javascript pulldown menu
  Win98 Style javascript floating menu
  MAC Style cross browser menu
  Simple Style 1 javascript menu sliding
  Simple Style 2 dhtml drop menu
  Animated Icons dhtml menu scripts
  Multiple Styles dropdown list
  Image-Based Menu based menu - css dhtml menu


 

    Highlighted Javascript Items



To save your navigation path you should set the following parameter:

var saveNavigationPath = 1;
The menu keeps items highlighted during menu navigation.
0 - disabled, 1 - enabled (default).

You can highlight menu items by default in two ways:

1) Set the pressed item on each page idividually using the following parameter:

var pressedItem = -2;
The toggle mode. Sets an index of an item that will be highlighted by default.
-2 - the toggle mode is disabled;
-1 - the toggle mode is enabled, but no items highlighted by default;
0,1,2,3,... - index of highlighted item in a top-level menu. See more info about indexes here.

- delete var pressedItem=1; parameter from your data file
- set correct parameter on each page before you call data file, for example:

<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<script type="text/javascript">var pressedItem=2;</script>
...
<script type="text/javascript" src="menudir/data.js"></script>

Click here to download this sample.


2) Set the pressed item/subitem using dm_ext_setPressedItem () function.

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion, parentOpen)
Sets a current pressed item.
menuInd - index of a dynamic menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.
parentOpen = true/false - open all submenus to show the selected item
See more info about indexes here.

For example lets highlight "Samples" item in the upper menu. To do it you should call
dm_ext_setPressedItem () function with the following parameters:
dm_ext_setPressedItem (1,0,2,1,0);
Highlight "Samples" item.

Define the following function on each page before you call data file:
<script type="text/javascript">
    onload=setPressed;
    function setPressed()
    {
        dm_ext_setPressedItem (1,0,2,1,0);
    }
</script>
<script type="text/javascript" src="menudir/data.js"> </script>


To highlight "Product Info/Installation/Description of Files" item you should call dm_ext_setPressedItem () function with the following parameters:
dm_ext_setPressedItem (1,2,0,1,1);
Highlight "Product Info/Installation/Description of Files" item.

To highlight "Samples/Sample 5" item you should call dm_ext_setPressedItem () function with the following parameters:
dm_ext_setPressedItem (1,4,4,1,1);
Highlight "Samples/Sample 5" item.

Click here to download this sample.



menuItems array itemInd
Index of an item
submenuInd
Index of a submenu
var menuItems = [
["Home","http://deluxe-menu.com", "", "", "", "", "0", "0", "", "", "", ],
["Product Info","", "", "", "", "", "0", "", "", "", "", ],
    ["|Features","", "", "", "", "", "", "", "", "", "", ],
    ["|Installation","", "", "", "", "", "", "", "", "", "", ],
        ["||Description of Files","", "", "", "", "", "", ],
        ["||How To Setup","", "", "", "", "", ],
    ["|Parameters Info","", "", "", "", "", "", ],
    ["|Dynamic Functions","", "", "", "", "", "", "", "", "", "", ],
    ["|Supported Browsers","", "", "", "", "", "", "", "", "", "", ],
        ["||Windows OS","", "", "", "", "", "", "", "", "", "", ],
        ["||Internet Explorer","", "", "", "", "", "", "", "", "", "", ],
        ["||Firefox","", "", "", "", "", "", "", "", "", "", ],
        ["||Mozilla","", "", "", "", "", "", "", "", "", "", ],
        ["||Netscape","", "", "", "", "", "", "", "", "", "", ],
        ["||Opera","", "", "", "", "", "", "", "", "", "", ],
        ["||MAC OS","", "", "", "", "", "", "", "", "", "", ],
        ["||Firefox","", "", "", "", "", "", "", "", "", "", ],
        ["||Safari","", "", "", "", "", "", "", "", "", "", ],
        ["||Internet Explorer","", "", "", "", "", "", "", "", "", "", ],
        ["||Unix/Linux OS","", "", "", "", "", "", "", "", "", "", ],
        ["||Firefox","", "", "", "", "", "", "", "", "", "", ],
        ["||Konqueror","", "", "", "", "", "", "", "", "", "", ],
["Samples","", "", "", "", "", "0", "", "", "", "", ],
    ["|Sample 1","", "", "", "", "", "", "", "", "", "", ],
    ["|Sample 2 is Disabled","", "", "", "", "_", "", "", "", "", "", ],
    ["|Sample 3","", "", "", "", "", "", "", "", "", "", ],
    ["|Sample 4","", "", "", "", "", "", "", "", "", "", ],
    ["|Sample 5","", "", "", "", "", "", "", "", "", "", ],
    ["|Sample 6","", "", "", "", "", "", "", "", "", "", ],
    ["|Sample 7","", "", "", "", "", "", "", "", "", "", ],
    ["|Sample 8","", "", "", "", "", "", "", "", "", "", ],
    ["|Sample 9","", "", "", "", "", "", "", "", "", "", ],
["Purchase","", "", "", "", "_blank", "0", "", "", "", "", ],
["Contact Us","", "", "", "", "", "0", "", "", "", "", ],
];

index=0
index=1

    index=0
    index=1
        index=0
        index=1
    index=2
    index=3
    index=4
        index=0
        index=1
        index=2
        index=3
        index=4
        index=5
        index=6
        index=7
        index=8
        index=9
        index=10
        index=11
        index=12
index=2
    index=0
    index=1
    index=2
    index=3
    index=4
    index=5
    index=6
    index=7
    index=8
index=3
index=4


index=0

index=1

index=2




index=3













index=4












See more info about javascript dynamic menu functions.

30 Killer Free Bootstrap Image Carousel and Gallery Scripts Bootstrap Toggle Tabs  |  Fresh CSS Bootstrap Carousel Video Players and Nav Menu Demos  |  15 Recommended Website Makers Arranged by Level Of Popularity  |  Mobile-friendly Page Maker  |  36 Top Eye-catching and Free AMP Elements Templates for 2021  | 
Copyright (c) 2019, Deluxe-Menu.com
Home  |  Product Info  |  Samples  |  Download  |  Purchase  |  FAQ  |  Site Map  |  Terms of Use  |  Write Us
All rights reserved. Free AI Website Builder | Free AI Website Builder | AI Website Generator | AI web design generator | AI web page design generator