Jquery Floating Menus by Deluxe-Menu.com
Jquery Floating Menus

Template:

iPhone 17 Template - CSS Pop Up Menu






    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Top items and submenus have a shadow
    - Horizontal or vertical orientation
    - Several menus on one page
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Transition #14 - "fade out" effect
    - Hundreds of pre-designed templates
    - Keyboard navigation - press Ctrl+F2 to enter the top menu




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

Menu Screenshots

Jquery Floating Menus Html Pull Down Menu Code

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

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed jquery floating menus samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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!
Javascript File Example Jquery Floating Menus
Cost Effective
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



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

Javascript Menu. DHTML Menu.

  • Create contextual menus for your pages. For this purpose you should assign a special function for the object you want. The current coordinates of the mouse pointer or your own ones can be used for the contextual menu.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automatically scrolled! You can also specify height and width for each separate submenu.
  • Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Is there a way to programmatical select an item in the scrolling menu without the user actual click on the item?

A: You can set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.




Q: That worked for the rollover drop down menu but I lost my drop shadow on the main menu. The sub-menus still have it. The preview has the drop shadow but when I view it in IE it is not there.

A: You should check the following parameters:

  var shadowLen=3;
  var shadowColor="#B1B1B1";
  var shadowTop=1;



Q: I am having some trouble placing the cascading drop down menu in frontpage.
Does your company have some kind of tech support for the frontpage material?


A: See, you should do the following things.

1. Create your menu in Deluxe Tuner.
2. Export the menu into html file "File/Export/To HTML".
3. Copy generated folder with all engine .js files and images("deluxe-menu.files/" by default) and data-deluxe-menu.js (by default)
into the same folder with you index.html page (created inFrontPage).4. Now you should add several rows of code into your index.html file.
You can do it in FrontPage (open HTML source of the page and edit it)
or in any text editor. Open your index.html page and edit it.
Notice that you'll have errors in the Preview. But you won't get errors if you open this page in the browser.5. Add the following code in the <head>tag:

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

and
<script type="text/javascript" src="data-deluxe-menu.js"></scrip>
in the place where you want to have the menu.
You can paste it in <table>, <div> tags. For example.

<div align=center>
<script type="text/javascript" src="data-deluxe-menu.js"></script>
</div>
6. Save your index.html page and open it in any browser.


Q: I pushed the js files you attached and it fixed my Trial error message but now my left menus APPLMENU.JS and APPL2MENU.JS won't mouse over and won't open the submenus and it gives a javascript error.


A: Now you have several errors in you data files appl2menu.js andapplmenu.js.

Now you have
  var menuBackColor="cccccc";
  var menuBorderWidth="";
  var itemBorderWidth="";

This is not right.
Try to write them:
  var menuBackColor="#CCCCCC";
  var menuBorderWidth="0"; //this parameter cannot be empty
  var itemBorderWidth="0"; //this parameter cannot be empty


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