Jquery List Menu Onmouseover by Deluxe-Menu.com
Jquery List Menu Onmouseover

Template:

iPhone 19 Template - HTML CSS Menu






    - Special JavaScript API for changing javascript menu "on-the-fly"
    - UL/LI items structure
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Horizontal or vertical orientation
    - Image arrows
    - Transition #14 - "fade out" effect
    - Top items and submenus have a shadow




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

Jquery List Menu Onmouseover Vertical Css Drop Down

Buy Now!   ::  Free Trial Download   ::  More Info

Features

Seamless Integration
  • Cross-frame support - menus work on frameset-based pages
  • Visible over flash, select boxes, iframes, java applets
  • Multiple menus on the same page
  • Amicable to other scripts and css styles
  • Any HTML code can be used inside menu items
Unrivalled Features
  • Scrollable, dragable, floating, right-click menus
  • Keyboard navigation - press Ctrl+F2 to enter the menu
  • Unique Java Script API for altering menu "on-the-fly", without page reloading
  • AJAX technology - loads menu data from the server "on-fly and on-demand".
  • Search feature - add the search area in the menu and type symbols. The found words will be higlighted.
  • Sound support!
Dhtml Menu Jquery List Menu Onmouseover
Compatibility              
  • Full cross-browser compatibility including IE, Netscape, Mozilla, Opera, Firefox, Konqueror and Safari on Windows, Mac OS and Linux
  • Menu can be populated from a database using ASP, PHP, etc.
  • Search engine friendly
  • Support for any doctypes
  • Fits for secure sites
  • Section 508 compliant
Easy Setup
  • De Luxe Tuner. GUI interface to create your jquery list menu onmouseover menus easily and in no time
  • Sensible menu parameters for manual editing
High Performance
  • AJAX menu loading - loads web menu data from the server "on-the-fly".
  • Commonly loads quicker than other html page elements
  • UL/LI items structure
  • Runs well with an unlimited number of submenus and items



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
  • Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu's frame.Choose any color for backgrounds of submenus and items.
  • Specify various values for padding and spacing for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I have notices that using IE7 on a W2K3-R2 browsing your page I can't see the javascript collapsible menu, it happened in our development as well.

A: Your browser has JavaScript option disabled.
It means that no one JavaScript element can be run.
You should to enable JavaScript in IE:

Tools -> Internet Options -> Security -> Custom level... -> Scripting -> Active Scripting = Enable

Q: When the page initially loads, the sizing of all the tabsappear the way I want them to.
The first time any of the tabs are clicked on in the dhtml tab menu, I get a little bit of white space and a faint vertical line just to the left of tab 1.


A: Try to set your tabs in the following way:

  var bmenuItems = [

["TRACING SYSTEM","link:tracing.html", "", "", "", "AUTOMATED TRACING SYSTEM", "", "", "", ],
["DOCUMENT RETRIEVAL","link:docret.html", "", "", "", "DOCUMENT RETRIEVAL SYSTEM", "", "", "", ],
["ON SPOT BY BOOKING NUMBER","link:onspot.html", "", "", "", "ON SPOT BY BOOKING NUMBER", "", "", "", ],
["CUSTOMER PORTALS","link:portals.html", "", "", "", "CUSTOMER PORTALS", "", "", "", ],
["EDI","link:edi.html", "", "", "", "ELECTRONIC DATA INTERCHANGE", "", "", "", ],
["GPS TRACKING","link:gps.html", "", "", "", "GPS TRACKING", "", "", "", ],
["WMS","link:wms.html", "", "", "", "WAREHOUSE MANAGEMENT SYSTEM", "", "", "", ],
];

You should also set
  var bselectedItem=0;
to select your first item by default in that case.



Q: I'm having a difficult time figuring out how to get content into each "tab" for the dhtml tab menus.
I see that content can be put into div-tag or frame, but how is it referenced in tab so whensomeone clicks the tab,
it shows that content?
Is it the link variable in the MenuTuner? Can the content be a separate html page?

A: See in Deluxe Tabs there are two modes:

1.   var tabMode=0;
You can create only one level of tabs and assign Object Id's of the
DIV's to show when you click on the tab.

["XP Tab 1","content1", "", "", "", "", "", "", "", ],
["XP Tab 2","content2", "", "", "", "", "", "", "", ],
["XP Tab 3","content3", "", "", "", "", "", "", "", ],
["XP Tab 4","content4", "", "", "", "", "", "", "", ],

2.   var tabMode=1;
You can assign only links in this mode.
You should create top level items with subitems.

["XP Tab 1","", "", "", "", "", "", "", "", ],
 ["|Link 1_1","http://deluxe-tabs.com", "", "", "", "", "0", "", "", ],
 ["|Link 1_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 2","", "", "", "", "", "", "", "", ],
 ["|Link 2_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 3","", "", "", "", "", "", "", "", ],
 ["|Link 3_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_5","testlink.htm", "", "", "", "", "0", "", "", ],

You can use Object ID as well as Link in both modes. Use the following prefixes within item's link field:
"object:" - means that there is object id after it;
"link:" - means that there is a link after it.
"javascript:" - means that there is a javascript code after it, for example:javascript:alert(\'Hello!\')

So, you should write for example:

 ["|Link 1_1","object:Content1_1", "", "", "", "", "0", "", "", ],



Q: Can I expand all tree category, or expand two tree category?

I like your javascript menu expand product.

A: You can expand all items in Deluxe Tree, set:

  var texpanded=1;

To expand specific items you should add "+" sign before item's text:

["+Samples Gallery","", "", "", "", "XP Title Tip", "", "1", "0", "", ],
 ["|+Samples Block 1","", "default.files/icon3_s.gif", "default.files/icon3_so.gif", "", "", "", "", "", "", ],
   ["||New Sample 1","testlink.htm", "default.files/iconarrs.gif", "", "", "", "", "", "", "", ],
   ["||New Sample 2","testlink.htm", "default.files/iconarrs.gif", "", "", "", "", "", "", "", ],



Buy Now!   ::  Free Trial Download   ::  More Info