Spry Slide Menu On Mouseover by Deluxe-Menu.com
Spry Slide Menu On Mouseover

Menu Screenshots

Spry Slide Menu On Mouseover Javascript Horizontal Menu

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
Easy Setup
  • De Luxe Tuner. GUI interface to create your spry slide menu on mouseover menus easily and in no time
  • Sensible menu parameters for manual editing
Dhtml Menu Tuner Spry Slide Menu On Mouseover
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
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
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Sub menus dropdown over all the objects on the page (select, applet, flash, object, embed). If for some reasons (old browser) a submenu can't go over an object, the object will be hidden for a time when the submenu is shown.
  • Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
  • These effects will make your menu neat and chic. You can set transparency, cast a shadow on the menu and submenus. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.

Recent Questions

Q: I need to have two cascading menus in oneself page, please give me instructions of as making it.

A: You should simply call different data files in the place where you want to have a menus(check that you use relative menu position).

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


Q: If I select one subitem in the slide out menus the other - opened subitem is closed.
Is there a way to get this facility for Items?

A: You should set the following parameter:

  var tcloseExpandedXP=1;


Q: How can I vary the width of the individual items (Home, Product Info etc) on the main menu bar?


A: I'm not sure I understand you. You want to use different width (exactwidth) for the main items?

You can use Individual Styles to set the width for the menu items.Please, use Deluxe Tuner to create your individual styles.

You should write for example so:

  var itemStyles = [
["itemWidth=98px"], // style 0
["itemWidth=100px"], // style 1
["itemWidth=110px"], // style 2
["itemWidth=120px"], // style 3
["itemWidth=95px"], // style 4
];
  var menuItems = [

["","", "data.files/products.gif", "data.files/products_mo.gif", "Products", "_self","0" , , , ],
 ["|XLCubed Excel Edition","pro_excel.html", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "0", , ],
 ["|XLCubed Web Edition","pro_web.html", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "0", , ],
 ["|TM1 Connection","tm1Connection.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "0", , ],
 ["|Downloads","downloads.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , , , , , ],
["","", "data.files/demoCenter.gif", "data.files/demoCenter_mo.gif", , ,"1", , , ],


Q: I paid for the Deluxe Tabs and built them the way I wanted with little modification. Everything is working fine except in Internet Explorer 6 on Windows. If I click on another of the 4 tabs in my navigation tabs, the content doesn't change.

A: You should set the following parameter:

  var bselectedSmItem=0;

You should also add style="visibility: hidden;" for a content DIVs.
You won't see the content of all tabs when your page loads in thatcase.

<div id="tabcontent1" style="visibility: hidden;">
<div id="tabcontent2" style="visibility: hidden;">
...