Side Sliding Navigation Html by Deluxe-Menu.com
Side Sliding Navigation Html

Menu Screenshots

Side Sliding Navigation Html Dhtml Rollover

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
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
Script Download Side Sliding Navigation Html
Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed side sliding navigation html samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Easy Setup
  • De Luxe Tuner. GUI interface to create your side sliding navigation html menus easily and in no time
  • Sensible menu parameters for manual editing



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Build right-click menus for your site. For this purpose you should appoint a peculiar method for the object you want. The current X,Y of the mouse pointer or your own ones can be used for the context menu.
  • Design menus absolutely based on CSS (Cascading Style Sheets). It is possible to apply the personal CSS styles for every elements of the menu.
  • When the submenu is bigger than the visible page area, the size of submenu will be automatically decreased. To view 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 automagically scrolled! You can also define width and height for each submenu.

Recent Questions

Q: it's possible to use on every Item the OnMouseOver / OnMouseOut event?

move the mouse over a Menu !!!!!!


A: Each menu items can include any html code.
So, you can include your own objects with onmouseover event, forexample:

  var menuItems = [
["<div OnMouseOver='yourFunc()'>item text</div>"],
["<div OnMouseOut='yourFunc()'>item text</div>"],
];

Where yourFunc() is Javascript function.


Q: I'm trying out your cool dropdown menu code.

I'm trying to rebuild my menu like this one

http://deluxe-menu.com/data-templates/vista-style-3-03-template-sample.html

I have a problem. In my case, I have some really long labels and some short ones. In some cases my text is larger than the button (see attachment). In your example all the buttons have the same width. Is it possible to have a Vista styled menu with different width for the buttons?

A: See images in Vista Templates have the fixed width and height (92 x 21).

If you want to change items' width/height you should change images.

btn_cyan.gif
btn_cyan2.gif

You can do it in any graph editor, for example in Adobe PhotoShop.

You should also change items width in your Individual Item Style.

  var itemStyles = [
["itemWidth=92px","itemBorderWidth=0","fontStyle=normal 11pxTahoma","fontColor=#FFFFFF,#FFFFFF","itemBackImage=btn_cyan.gif,btn_cyan2.gif"],
];

You can do it in Deluxe Tuner.



Q: Just purchased the license for deluxe-menu.

The javascript submenu do not go over top of my other elements like the FAQ says it should.

A: Now you have the following style Z-INDEX: 2000; for .titleTopCenterDIV.

The menu has lower index in that case.

Try to set it to
Z-INDEX: 10;



Q: I have included one of your (great) horizontal menus on a site I am working on - it's working well, apart from in IE (v6.0), it appears with a drop shadow - do you know how to get rid of this?


A: Thanks for your interest in our products.
You should set the following parameter:

  var shadowLen=0;