Floating Sliding Menu by Deluxe-Menu.com
Floating Sliding Menu

Template:






    - Submenus dropdown on mouseover
    - UL/LI items structure
    - 85% transparency for sub menus
    - Several menus on one page
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Unlimited number of sub levels
    - Transition #14 - "fade out" effect




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

Menu Screenshots

Floating Sliding Menu Menu Javascript Css

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
Easy Setup
  • De Luxe Tuner. GUI interface to create your floating sliding menu menus easily and in no time
  • Sensible menu parameters for manual editing
Design Web Menu Floating Sliding Menu
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed floating sliding menu 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!



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

Javascript Menu. DHTML Menu.

  • Submenus can be shown in 4 ways: - From from left to right + upwards and also left to right. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
  • Use images for icons, backgrounds of submenus and items. Using images you can create menus entirely based on graphics.
  • Create both horizontal and vertical menus and submenus with any amount of menus on one page.
  • Insert any HTML code inside the menu item - be it a form or a picture, a flash-object or a text. This ability allows you to create various menus of any complexity.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: We'd like to underline dhtml pop up menu items on hover but we can't do it with those spaces.

A: To set align for the one dhtml pop up menu item only you can use the following method:

instead of

["email a temp expert                               ","email.html", "", "", "", "", "15", "", "", "", "", ],

you can write:

["<div align=left>email a temp expert</div>","email.html", "", "", "", "", "15", "", "", "", "", ],

and set fontDecoration=none,underline style for this item:

["itemWidth=248px","itemHeight=41px","itemBackImage=dd-data.files/emailatemp.JPG,dd-data.files/emailatemp.JPG","fontStyle='bold 11px Arial',''","fontColor=#005D8C,#002030","fontDecoration=none,underline"],



Q: Dreamweaver navigation bar disappearing behind flash file in Firefox..

A: You should add "opaque" parameter for and tags.

See, how you should install flash on your pages.
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"
height="150" width="800">
<param name="movie" value="2008 flash.swf">
<param name="quality" value="high">
<param name="wmode" value="opaque">
<embed src="flash_files/2008%2520flash.swf" quality="high" wmode="opaque"
pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" height="150" width="800">
</object>

Submenus will overlap flash correctly in that case.



Q: I have installed all .js files in a subfolder under my html folder. \html\menudir\ all js files are here

My html file is in html folder.

Inserted in HEAD section in HTML file
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">simple 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>
<!-- (c) 2006, http://deluxe-menu.com -->

Later in BODY, used your sample popup javascript data-popup-mode.js file

<script type="text/javascript"
src="menudir/data-popup-mode.js"></script>
<img src="../images/lov.gif" onClick="return dm_popup(1, 2000, event);" style="cursor: pointer;"> When I view the page with simple javascript menu and click on the image, I get an error.

What am I doing wrong?

A: If you have only one menu on the page you should write popup functionin the following way:

return dm_popup(0, 2000, event);



Q: Is there a way to increase the margin between the text on the main tree menu and the edge of the dhtml menu control. The text appears to be right up against the left margin.

A: You can add   symbol before item's text, for example:

["    Deluxe Tree: XP Style","", "", "", "", "XP Title Tip", "", "0", "0", "", ],

or you can write:

["+<div style='padding-left: 15px;'>Deluxe Tree: XP Style</div>","", "", "", "", "XP Title Tip", "", "0", "0", "", ],

Actually you can use any html code within dhtml menu control items.



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