Side Slide Menu by Deluxe-Menu.com
Side Slide Menu

Template:

iPhone 7 Template - Collapsible CSS Menu






    - Top items and submenus have a shadow
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Text aligned to left
    - Several menus on one page
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Image arrows
    - Sound support!
    - 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

Side Slide Menu Css Horizontal Navigation

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

Features

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
Css Drop Menus Side Slide Menu
Cost Effective
Easy Setup
  • De Luxe Tuner. GUI interface to create your side slide menu menus easily and in no time
  • Sensible menu parameters for manual editing
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.

  • 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.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I’m setting an after item image as follows (this code was generated by Deluxe Tuner, not by hand/text editor):

  var afterItemImage=["designimgs/btn-ico.gif","designimgs/btn-ico-active.gif"];

  var afterItemImageW=8;

  var afterItemImageH=7;

As you can see, the after item image is not appearing in my access drop down menu – do you have any idea why that would be/how to fix?

A: You should create Individual style and assign it for the top access drop down menu items:

  var itemStyles = [
["itemBackImage=designimgs/blank.gif,designimgs/blank.gif", "beforeItemImage=designimgs/blank.gif,designimgs/blank.gif", "afterItemImage=designimgs/btn-ico.gif,designimgs/btn-ico-active.gif", "beforeItemImageW=1","afterItemImageW=8", "beforeItemImageH=1","afterItemImageH=7","itemBorderWidth=0"],
];



Q: I just purchased deluxe menu and can't seem to figure out how to get a custom onMouseOver and onMouseOut event to work on a javascript drop down menu item.

Could you please detail how to do this?

A: Unfortunately, you can't assign onmouseover/onClick/onContextMenu event to each item.
However, you can achieve this by using standard html objects within javascript drop down menu items, for example:

  var menuitems = [
["<div onContextMenu='your_code_here'>item text</div>", ""]
];



Q: I updated the files you talked about. I can see the javascript cascading menu on most computers, but not all. I am sorry to ask the same question over but my problem is persisting with some computers.

A: It is not correctly to add # symbol before the top item. This itemwill be hidden.

You can find more info here:
http://deluxe-tree.com/menu-items-info.html

Now you have:
["#FCLWD-SFCSD Home","http://www.fclwd.com/", "", "", "", "", "", "0", "0", ],

You should write:
["FCLWD-SFCSD Home","http://www.fclwd.com/", "", "", "", "", "", "0", "0", ],



Q: When I load a page the first tab of the creating tab menu is always highlighted, not the contact tab.

A: I suppose that you've set the following parameter:

  var bselectedItem=1;

So, the first tab is always highlighted.

This Tab menu can save pressed item automatically within1 page only.
If you open another page, the menu can't remember presseditem.
You should do that manually using Javascript and menu parameters
(  var bselectedItem,   var bselectedSmItem) or using any server-sidescript (php, asp, etc.)

You should delete this parameter from your data file and write thefollowing code
on each page before you call your data file, for example:

<script language="JavaScript1.2">

  var bselectedItem = 3;

</script>





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