Slide In Menu Bar Jquery by Deluxe-Menu.com
Slide In Menu Bar Jquery

Menu Screenshots

Slide In Menu Bar Jquery Dropdown Html Menus

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
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
Dynamic Dropdown Menu Slide In Menu Bar Jquery
Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed slide in menu bar jquery samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Submenus drop down over all the objects of the page (select, flash, object, embed, applet). If for some reasons a submenu can't drop down over an object, the latter will be hidden for a time when the submenu is shown.
  • These effects will make your menu more attractive and stylish. You can cast a shadow on the menu and submenus, set transparency. Among available transitional effects there are such as fade, mosaic, random dissolve, slide out and many others.
  • Create individual styles and assign them to any submenu and item. Use individual styles to achieve stunning effects!

Recent Questions

Q: Is there a way to center button names because by default they are left justified?


A: Try to set the following parameters:

  var itemAlignTop="center"; // text alignment for the top items
  var itemAlign="center"; // text alignment for the submenus


Q: Is there maybe a way that I can set up the menu so that it does not load at all until someone clicks on, say, a link, such as 'Products' and clicking on that link would then load the java menu buttons onto the page in the desired position?


A: Yes, you can do it.
Delete dm_init(); function from data file and use OnClick event foryour 'Products' link.

<a href="products.html" OnClick="dm_init();">Products</a>


Q: I have recently downloaded your menu, I love, and am definitely going to purchase it, however i do have a question, I made my site with dreamweaver mx, and it is designed in a series of tables, the main table is 3 column and on row, stretched at 100% width and length, the other tables are nested inside the middle column, I am trying to get the menu in the left column to float, I have read some of the other post in the support section, and I was wondering if their could be any <div> anywhere on the page or just before and after the menu script code?

here is the way my code is before and after the script code

<td width="17%" align="left" valign="top" background="images/LPback.png">
<script type="text/javascript" src="data.js"></script>
</td>
this defines the column in which I want the menu to be,

here is my code for the floatable menu
//--- Positioning
  var tabsolute=1;
  var tleft="0px";
  var ttop="205px";

//--- Floatable Menu
  var tfloatable=1;
  var tfloatIterations=10;
  var tfloatableX=1;
  var tfloatableY=1;


A: You should add the following parameter:

<script type="text/javascript">  var tWorkPath="data.files/";</script>

See more info about installation here:
http://deluxe-tree.com/installation-info.html

You should also add dtree_add.js file in the "data.files/" folder.


Q: Please check my site and tell me why website drop down menu show no content with IE7 (XP or Vista.)
It works with all other major browsers and OS's.

A: Delete "height: 0%;" parameter from the style of the content DIV:

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

So you'll have:

<div id="content1" style=" visibility: hidden; display: none;" class="tabPage">