Sample Javascript Transmenu by Deluxe-Menu.com
Sample Javascript Transmenu

Template:

Yahoo Style Template - Transparent Drop Down Menu







    - Top items and submenus have a shadow
    - Relative/Absolute menu position
    - Horizontal or vertical orientation
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Transition #14 - "fade out" effect
    - Unlimited number of sub levels
    - Status string shows item labels
    - 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

Sample Javascript Transmenu Javascript Sliding Menu Tutorial

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your sample javascript transmenu menus easily and in no time
  • Sensible menu parameters for manual editing
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
Javascript Floating Side Menu Sample Javascript Transmenu
Cost Effective
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
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



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: I've been trying to get the menu item in dynamic tree menu to stay highlighted when clicked on and directed to that page.

A: Tree Menu doesn't save a presseditem as it saves a tree state.
It works within 1 page only and if youreload the page you should set a pressed item using Javascript API:

function apyt_ext_setPressedItem(menuInd, itemID)

<script type="text/javascript">

  var i = 4 //index of the selected item
onload=setPressed;
function setPressed()
{
dtreet_ext_setPressedItem(0,dtreet_ext_getItemIDByIndex(0, i));
}


To expand specific items you should use the following function:
dtreet_ext_expandItem (dtreet_ext_getItemIDByIndex (0, 11), 1);


Q: Is there a way to change the height of the main buttons in Dhtml Menu. When I use the GUI tool there is nowhere to change the main button height. And when I tried to change it in the script file, it did me no good. I want all of the main buttons to be the same size.

A: You can use standard <img> object to set menu height, for example:

  var menuItems = [
[" <img src='blank.gif' width=1 height=50>text"],
];



Q: I'm trying to get the dhtml tab menu aligned to the right. Can you make a suggestion on how I can do this?

A: Try to install your tabs into the table with right alignment, for example:
<table width='100%'>
<tr>
<td align="right">
<script type="text/javascript" src="test_files/tdata.js"></script>
</td>
</tr>
</table >


Q: Using the new version with unmodified menus results in a new frame menu indentation (the left border of the first javascript folding menu entries submenu in a frame menu setup is not aligned with its main menu entry (both in IE 6 and FF 1.5 / Linux)) - possibly we might need to arrange something?

A: I suppose that this is space to document borders. We've set this space, so that yoursubmenus will not look like the part of browser window. If you wantyou can delete that space.

Open dmenu.js file in any text editor and find the following code:

space=15;

Change 15 to 0.

space=0;

Try that.



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