Menu Deroulant Html Vertical Google Site by Deluxe-Menu.com
Menu Deroulant Html Vertical Google Site

Template:

Green Menu Template - Dhtml Sliding Menu





    - Text aligned to left
    - Image arrows
    - Status string shows item labels
    - 85% transparency for sub menus
    - Search feature - add the search area in the menu and type symbols.
    - Sound support!
    - Submenus automatically scrolls
    - Submenus dropdown on mouseover




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

Menu Screenshots

Menu Deroulant Html Vertical Google Site Transparent Rollover Menu

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

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
Tab Html Javascript Menu Deroulant Html Vertical Google Site
Easy Setup
  • De Luxe Tuner. GUI interface to create your menu deroulant html vertical google site 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 menu deroulant html vertical google site samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Cost Effective



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

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

Recent Questions

Q: How do I make buttons in the navigation bar example transparent?

A: To set transparent background for the menu you should set:

  var menuBackColor="transparent";

Q: I want to make a Treemenu with AJAX.

If I look in the dhtml menu tool preview all is good.

But if I put it in a html, it does not function anymore.

I'm using Version 3.2.6.12 (you sent me a while ago)

A: There is a bug in the current version of Deluxe Tuner. It doesn't saveengine file for AJAX menu - dtree_ajax.js.

Please, copy it manually now. We'll correct this bug in the nextversion.

You should also add tWorkPath parameter in your html page.
<!-- Deluxe Tree -->
<noscript><a href="http://deluxe-tree.com">dhtml menu tool by Deluxe-Tree.com</a></noscript>
<script type="text/javascript">  var tWorkPath="menu.files/";</script>
<script type="text/javascript" src="menu.files/dtree.js"></script>
<!-- (c) 2006, http://deluxe-tree.com -->

Q: The submenu should look identical to the main menu but it is not allowing this.
Even though parameters are set to 0 it is showing smart scroll and also not showing the sub menus how they should be.
I also notice and error in the templates window view when I am looking at the javascript onmouseover menu.


A: You've set the exact width for your submenus:

  var smHeight="21px"; // it is the height of the whole submenu

It is not right.

Try to write:
  var smHeight="";

> I also notice and error in the templates window view when I am looking
> at the menu.

Now you have:

  var pressedItem="";

It is not correct. Try to set:

  var pressedItem="-2";

See the attached example.


Q: How can I vary the width of the individual items on the main bar for the javascript menu?

A: 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 Edition","pro_excel.html", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "0", , ],
 ["|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", , , ],
 ["|Online Demos","onlineDemos.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "1", , ],
["","", "data.files/resources.gif", "data.files/resources_mo.gif", , ,"2", , , ],
 ["|Customer Center","customer.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "1", , ],
 ["|Partner Center","partnerCenter.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , , , ],
 ["|Documents","documents.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "1", , ],
 ["|Technical Specs","techSpecs.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "1", , ],
 ["|Training","training.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self","3", "1", , ],
["","support.htm", "data.files/support.gif", "data.files/support_mo.gif", , "_self","4", , , ],
["","", "data.files/company.gif", "data.files/company_mo.gif", , , , , , ],
 ["|History","history.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "1", , ],
 ["|Contact Us","contactUs.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "1", , ],
];

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