Javascript Sliding Menu Vertical by Deluxe-Menu.com
Javascript Sliding Menu Vertical

Template:






    - Status string shows item labels
    - Cross-frame support - menus work on frameset-based pages
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Several menus on one page
    - Text aligned to left
    - Hundreds of pre-designed templates
    - Transition #14 - "fade out" effect
    - 85% transparency for sub menus




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

Menu Screenshots

Javascript Sliding Menu Vertical Drop Down Menus With Css

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

Features

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



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

Javascript Menu. DHTML Menu.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I like your product and we would like to use it for our web-site.

Our site uses Frames with the following names in the FrameSet:

frame name = “top”
frame name = “middle”
frame name = “bottom”

I don’t understand how to set the target of the Deluxe Tuner navigational link to populate the frame “middle” or “bottom”

When I try to input my own name it will not allow me to do so.

We are using the “top” (horizontal) frame as a header which will contain the navigational component we developed using your product.

We are using the “middle” frame to contain most of the html pages the user will load

We are using the “bottom” frame to contain auxiliary text

Can you help me?


A: More info about the installation of the menu in cross-frame mode youcan find here

http://deluxe-menu.com/cross-frame-mode-sample.html

You should replace dm_init() function with dm_initFrame() function.
Please, open your data.js file with the menu parameters in any texteditor and change it.
You should write, for example so:

dm_initFrame("frmSet", 1, 2, 0);


Q: I have a transparent dhtml menu located at the bottom of the page with just one level of submenus. On larger screens, the submenus open either upwards or downwards, depending on how many items are in the transparent dhtml menu.

Can I set the submenu's to always open upwards?

A: Try to set the following parameter:

  var subMenuVAlign="top";



Q: I am trying to use your Deluxe-Tabs, to use on our wwebsite, and to be honest, I am not much of a developer. So please forgive me for my naпve question(s). I have been trying to get 'Content' in to the tabbed dhtml menu build, and I cannot find how that is done.

Do you have an example with all the files (html too!) that shows a simple tabbed dhtml menu build with content for each Tab that I can look at to see how it is done.

I thought I was going to be able to generate the TABs, and point them to the HTML files I want them to use, and each time I selected a tab, that page would be displayed. That does not appear to be what is happening.

Your help would be greatly appreciated.

A: You should specify any Object ID name of the DIV.

See, for each item you should assign the ID property of the contentDIV (see data file with your dhtml menu build parameters).

["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. You canset background image for these DIV's in styles.

<div id="contentName" style="height: 0%; visibility: hidden; background-image: url('img/back.jpg'); background-repeat:repeat-y;" 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>

<div id="contentDescription" 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 description here!!!!!
</div>



Q: How do I expand the length of the vista html drop menu tab images to accommodate longer text? If the text is "Special Event Programs", the arrows are outside the tab in another partial one.  I am using the Vista style tabs (black_blue / tealblack).

Is there any way other than definition of new image files to get more color combos?

Can I change the text size in the menu tabs?  When I use the Tuner, it has no effect.


A: Try to use image-based menu.

Set:

  var menuWidth="92px";
  var menuHeight="";

and create the following style:

  var itemStyles = [

["itemBackImage=WANmenu.files/btn_magenta-back.gif,WANmenu.files/btn_magentablack-back.gif",
"beforeItemImage=WANmenu.files/btn_magenta-left.gif,WANmenu.files/btn_magentablack-left.gif","afterItemImage=WANmenu.files/btn_magenta-right.gif,WANmenu.files/btn_magentablack-right.gif","beforeItemImageW=10","afterItemImageW=10","beforeItemImageH=21","afterItemImageH=21",
"itemBorderWidth=0","fontStyle=normal11px Tahoma","fontColor=#FFFFFF,#FFFFFF"],
];


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