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

Template:

iPhone 18 Template - Dropdown Submenu






    - Transition #14 - "fade out" effect
    - Inactive/Disabled items
    - Submenus dropdown on mouseover
    - Cross-frame support - menus work on frameset-based pages
    - Submenus go over all page objects
    - Personal CSS styles for separate menu elements
    - Filters and Transitional effects
    - Submenus automatically scrolls




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

Menu Screenshots

Floating Sliding Menu Javascript Scroll Menu

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

Features

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
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
Dhtml Vertical Expand Menu Floating Sliding Menu
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
Cost Effective
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



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

Javascript Menu. DHTML Menu.

  • There can be multi level menus - create as many rows or columns of the menu as you want.
  • Use a mouse to drag a menu as a usual window. Also you can construct the menu where each submenu can be "detached" from the main menu (MSOfficeToolbarLike mode).
  • When the page is scrolled the menu remains visible. The DHTML menu can "float" along one or two coordinate axes.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Greetings..... I am new to java script and would like to have a drop down menu that I can use with frames....
I downloaded your program and have created a small menu to try to become familiar with the program and see if I can accomplish getting a menu to display on a new page...... I am currently using Page Mill.

When I created the menus, I saved them as TstBuy and it was saved in the Deluxe-menu folder.

Having read a number of your information displays plus lacking the knowledge of what files and where to place them, I would appreciate any information you can offer as to what files to place in the main Page Mill folder if that is where they go??

As for the data I created (TstBuy), I thought that I would be able to copy and paste that file into the Page Mill page within a text box, but the paste feature was not available...

Thanks for any assistance you can offer..


A: Thanks for your interest in our products.
Deluxe Menu wasn't developed as Page Mill/Dreamweaver/Frontpage extension,BUT you can use it as standard Javascript files.

You can try to export your menu into html page using Deluxe Tunerapplication and then copy the code from the generated html page into your html page.You should click in Deluxe Tuner "File/Export/To HTML". You'll getsuch files:

deluxe-menu.files/
     image_files.gif
     dmenu.js
     dmenu4.js
     dmenu_add.js
     dmenu_dyn.js
     dmenu_key.js
     dmenu_cf.js
     dmenu_popup.js
     dmenu_ajax.js
data-deluxe-menu.js
deluxe-menu.html

There is no need to use all files from the "deluxe-menu.files/"folder.
The description of files you can find here:

http://deluxe-menu.com/description-of-files-info.html

You can delete all files which are not necessary for you.

To install the menu into your html page:

1. open the page in Page Mill/Dreamweaver/Frontpage
2. open html source code of the page (deluxe-menu.html)
3. add several rows of code (<script> tags), For info see:
http://deluxe-menu.com/installation-info.html

You should also copy "deluxe-menu.files/" folder, all image files anddata-deluxe-menu.js in the same folder with your html page.

For example, you'll have such structure:

deluxe-menu.files/
     image_files.gif
     dmenu.js
     dmenu_add.js
data-deluxe-menu.js
your_html_page_from_Page_Mill.html

That's all.


Q: I have downloaded the trial version of Deluxe Menu and am seriously looking at buyingit. I am trying to go thro the instructions and check out if it meets my requirement.

I am not able to figure out how to equally space out all my menu items on the javascript menu bar.

My menu bar width is fixed at 800 px and I have 7 items - horizontal type. The menuitems widths appear different for the menu items. How do I ensure that all of them are ofequal size ??



A: Set width for the items using Individual styles:

  var itemStyles=[
["itemWidth=100px"],
] //style 0
Assign Individual Styles for the menu Items.

  var menuItems = [
["Item 1","", "", "", "", "", "0", "", "", "", "", ], //style 0
["Item 2",", "data2.files/icon1.gif", "data2.files/icon1o.gif", "", "", "0", "", "", "", "", ], //style 0
];

Q: I'm using your javascript onclick menu tabs. What exactly is bselectedSmItem for? I know that bselectedItem is the selected tab, but what is bselectedSmItem?

A: bselectedSmItem is index of the selected subtab.

You should use this javascript onclick menu parameter if you use   var tabMode=1;

If you use   var tabMode=0;
you should set it to:
  var bselectedSmItem=0;




Q: 1) Can any HTML be inserted in to the text?

2) As the item has no link, how can I prevent the item being highlighted on mouseover?


A: 1) Yes, you can insert any html code within menuItems, for example:

 ["|You can place <b>any HTML code</b><br> to item, for example <u>image</u>:<br><img src=img/logo.gif>","testlink.html"],
 ["|Index  <select style='width:120px;height:17px;font:normal 10px Tahoma,Arial;'><option>Section 1<option>Section 2<option>Section 3</select>", "", "", "", "", "", "", ""],
 ["|Search <input type=text style='width:80px;height:17px;font:normal 10px Tahoma,Arial;'>  <input type=button value='Go' style='width:30px;height:17px;font:normal 10px Tahoma,Arial;'>", "", "", "", "", "", "", "0"],
 ["|Write Us", "mailto:[email protected]", ""],

2) Yes, you can do it.

You should create Individual Style for it.

For example:
  var itemStyles = [
["itemBackColor=#FCEEB0,#FCEEB0","itemBorderColor=,#FCEEB0","fontColor=,#000000"], //style0
];

["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , "0", , , ], //style0


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