Javascript Menu Slide by Deluxe-Menu.com
Javascript Menu Slide

Template:

Grey Menu Template - Horizontal Dhtml Menu

 









    - Transition #14 - "fade out" effect
    - Unlimited number of sub levels
    - Several menus on one page
    - Submenus go over all page objects
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Image arrows
    - Filters and Transitional effects
    - Status string shows item labels




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

Menu Screenshots

Javascript Menu Slide Css Drop Down Menu Example

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

Features

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
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
Pop Up Menus Javascript Menu Slide
Cost Effective
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript menu slide menus easily and in no time
  • Sensible menu parameters for manual editing



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

Javascript Menu. DHTML Menu.

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
  • Opportunity to control the menu from the keyboard.
  • Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I got it working however I have an additional question.

How do I allocate the width of each "button" see sample how for instance the "FAQ" button is so narrow compared to others. I tried adding spaces with no result.

A: You can use Individual Item Styles to set exact width for the menuitems.

For example:

  var itemStyles = [
["itemWidth=100px"], //style 0
];

  var menuItems = [

["Home","testlink.html", "", "", "", "", "0", "", "", ], //style 0
["Product Info","", "", "", "", "", "0", "", "", ], //style 0




Q: The value of dmAJAXCount = 0 (we don't set that parameter).
How exactly does this parameter work? When does it have to be set?


A: That variable set the maximal number of submenus that will be loadedfrom server on your page.

If you don't know exact number of submenus you can set a big value forthis parameter.


Q: .How can I open frameless pop up window upon the page loading?

A: To open the popup window upon the page loading you should set thefollowing parameter:

openAfter=0
deluxePopupWindow.attachToEvent(win,'openAfter=0,,,,,')

You can find this parameter in Deluxe Tuner.


Q: One other issue I'm having is that the content for the menu bar in java "selected tab" on my site does not show up in IE7. Works fine in firefox, though. Any ideas about that?

A: Try to delete height: 0%; parameter from the styles:

<div id="content1" style="height: 0%; visibility: hidden;" class="tabPage">

So you'll have:
<div id="content1" style="visibility: hidden;" class="tabPage">

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