Javascript Image Based Dropdown Menu by Deluxe-Menu.com
Javascript Image Based Dropdown Menu

Template:

Black Red Menu Template - CSS Menu Pulldown






    - Transition #14 - "fade out" effect
    - Search feature - add the search area in the menu and type symbols.
    - Hundreds of pre-designed templates
    - Several menus on one page
    - Submenus dropdown on mouseover
    - Unlimited number of sub levels
    - Top items and submenus have a shadow
    - Items with icons




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

Menu Screenshots

Javascript Image Based Dropdown Menu Script Javascript Menu Vertical Frame

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript image based dropdown menu 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 image based dropdown menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Javascript Layers Samples Javascript Image Based Dropdown Menu
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
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!



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

Javascript Menu. DHTML Menu.

  • Use images for backgrounds of submenus and items, icons, arrows. Using web images you can create menus completely based on graphics.
  • Design both horizontal and vertical menus and submenus with any amount of menus on a single page.
  • Place any HTML code inside the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity.
  • Submenus can be shown in 4 ways: - From left to right and also from left to right + upwards. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Hi there ... a while ago I had asked you what I need to change to prevent exit pops from being activated, but I don't think it's working.

For example, a regular link that I want:

onClick="exit=false"

How do I do it with dhtml vertical menu?

Before, in the "text" box in the "Item Parameters" window, you had me do the following:

<span onClick='exit=false;'>click here</span>

But that doesn't seem to work. Any other suggestions? Thanks very much.

A: I suppose that you should move menuItems from the data file to yourhtml page directly (where you define exit variable).

<script>

menuItenms = [
...
],
</script>



Q: I can not figure out why my submenus are not opening next to the javascript menu horizontal? I have included a picture so you can see what I am talking about. When I am in the turner program they pop up just fine but on my website they don't.

A: See, the problem is that the script can't get css properties of the object if they are described in separate .css block (or file).In other words, you can't get the value of "POSITION: absolute" attribute of the object if the object doesn't have this property within inline style (style="POSITION:absolute;"). To get the value you should move .css style into style="" attribute.

Please, try to add your
css file -> inline css, for example:

You should add style="POSITION: absolute; TOP: 0px"

to the

<div id=div_name>

So, you'll have:

<DIV id=div_name style="POSITION: absolute; TOP: 0px">
Try that.



Q: When using website tab menu, where do I place the text content related to the selected tab,
(the text presented on the rest of the screen under the tab)?
And who do I connect a specfic text to a certain tab?


A: See, for each item you should assign the ID property of the contentDIV (see data file with your menu parameters).
You should set  var tabMode=0;

["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">
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
You should paste your content here!!!!!
</div>

<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
You should paste your description here!!!!!
</div>


Q: I\'m testing out your menu system and I have a question regarding one of our current menu item\'s functionality.

Currently, I have a menu item that performs an onclick window.open function so that it opens a popup window at a certain size and with certain parameters.
Is it possible to have similar functionality with an item on your menu system?


A: You should use a Javascript code with a link field so:

["Text", "javascript:window.open('../Help/Text_Index.htm', 'Help', 'height=450,width=600,scrollbars');"]


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