Menu Lateral Javascript by Deluxe-Menu.com
Menu Lateral Javascript

Template:






    - 85% transparency for sub menus
    - Text aligned to left
    - Submenus automatically scrolls
    - Image arrows
    - Sound support!
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Hundreds of pre-designed templates
    - Several menus on one page




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

Menu Screenshots

Menu Lateral Javascript Disable Popup Menu

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

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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed menu lateral javascript samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Xp Style Web Design Menu Lateral Javascript
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!
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
Cost Effective



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: Is it possible to put PHP, or other scripting languages within the tab menu javascript?

A: See, for each item you should assign the ID property of the content DIV.

["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],

And on your html page you should create DIV's with such ID.
<div id="contentName" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>

<br><br><br>

You should paste your content here!!!!!
</div>

You can paste any code within DIV's (PHP, Javascript ...)



Q: I know. I have two menus on the page and I am not using beforeItemImage orafterItemImage for the top menu in javascript (the one you referenced below), but I need it for the second menu. The parameters for that menu are in mainnav_data.js.

Even when I only call dmWorkPath and dmenu.js once, it does not work.

A: See, it is not correctly to use image-based items:

["","", "mainnav_data.files/corpinfo.gif", "mainnav_data.files/corpinfo2.gif", "", "_self", "0", "", "", "", "", ],

and specify beforeItemImage/afterItemImage parameters. They won't work in that case.

You can create such buttons in the following ways:
1) Use image-based menu (images with text).

Create normal and mouse-over state images (with text) for each item:
["","", "mainnav_data.files/corpinfo.gif", "mainnav_data.files/corpinfo2.gif", "", "_self", "", "", "", "", "", ],
["","", "mainnav_data.files/new.gif", "mainnav_data.files/new2.gif", "", "_self", "", "", "", "", "", ],
["","", "mainnav_data.files/xxxxx.gif", "mainnav_data.files/xxxxx2.gif", "", "_self", "", "", "", "", "", ],


2) Use combined background for the menu in javascript items (images without text).

  var beforeItemImage = [,]; //left-side image for normal and mouse over state
  var itemBackImage = [,]; //background or image for normal and mouse over state
  var afterItemImage = [,]; //right-side image for normal and mouse over state
  var beforeItemImageW = '';
  var afterItemImageW = '';
  var beforeItemImageH = '';
  var afterItemImageH ='';

But you should create a small images in any Graph Editor, for example:
button_n_back.gif
button_n_left.gif
button_n_right.gif
button_o_back.gif
button_o_left.gif
button_o_right.gif

You cannot use these two methods together!

Q: By the way, I'm not sure I know how to save a screen shot of the vertical drop down menu in the the browser window. Any tips will be appreciated.

A: To save a screen shot of your menu in the browser window you should do the following:

1) Open your website in the browser
2) Open any graph editor, for example Paint and press "Ctrl + V" buttons on the keyboardor go to "Edit / Paste".
3) Then go to "File / Save as".
Save as type - JPEG or PNG.
Select a folder where you would like to save a screenshot and click "Save" button.

Try that.

Q: Is there any way to keep the cursor as default on disabled links? I see that there's a general cursor choice, is there any chance to make it individually?

A: Unfortunately you cannot set cursor type individually for all items.
You can set it only for whole items.

You can try to set a cursor for your <img> tag. for example:
["<img src='deluxe-menu.files/sep_mac.gif' style='cursor: default;'>","", "", "", "", "_", "-1", "0", "", ],

You can also try to set
  var itemCursor="default";
for all items and use <a> tags for all links:

["<a href='index.html' target='_blank' class='link'>Home</a>","", "", "", "", "Return to Index page", "", "0", "", ],

And create styles
.link{
color: #FFFFFF;}
.link:hover{
color: #FFBEBE;}



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