Css Javascript Orange Menu by Deluxe-Menu.com
Css Javascript Orange Menu

Menu Screenshots

Css Javascript Orange Menu Pop Up Menu

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
Javascript Mouseover Drop Down Menu Generator Css Javascript Orange Menu
Easy Setup
  • De Luxe Tuner. GUI interface to create your css javascript orange 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 css javascript orange menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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

Javascript Menu. DHTML Menu.

  • Create contextual menus for your pages. For this purpose you should assign a special function for the object you want. The current coordinates of the mouse pointer or your own ones can be used for the contextual menu.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see 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 automatically scrolled! You can also specify height and width for each separate submenu.
  • Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.

Recent Questions

Q: Currently let us know how can we align the text at the top dropdown menu script so that the text will appear above the horizontal line.  

Kindly help us to solve this problem as soon as possible.

A: Unfortunately you cannot set vertical align for items text.But you can try to write your item text in the following way:

  var menuItems = [
["Home<br> ","/index.asp?pgid=1", , , , , "0", , , ],
["About Us<br> ","/index.asp?pgid=2", , , , , "0", , , ],
["Company News<br> ","/index.asp?pgid=3", , , , , "0", , , ],
["Services<br> ","/index.asp?pgid=4", , , , , "0", , , ],
 ["|Custom Publishing","/index.asp?pgid=6", , , , , , , ,],
 ["|On Product Publishing","/index.asp?pgid=7", , , , , , , , ],
 ["|Investment","/index.asp?pgid=10", , , , , , , , ],
["Contact Us<br> ","/index.asp?pgid=5", , , , , "0", ,, ],
];



Q: If there was a way to show the links inside the html code instead of the dhtml menu js files. Shouldwe use an alternative mode as (css Style?)

A: You can move menuItems into html page directly inside <script> ...
</script> tags:
<script>
  var menuItems [
...
];
dm_init();
</script>

You can also use search engine friendly code and install it on yourpage before you call your dhtml menu js file.
You'll see text links in that case.

To create a search engine friendly menu you should add additional html code within your html page:

<div id="dmlinks">
<a href="http://deluxe-menu.com">menu_item_text1</a>
<a href="http://deluxe-tree.com">menu_item_text2</a>
...etc.
</div>

To generate such a code use Deluxe Tuner application.

Run Tuner, load your menu and click Tools/Generate SE-friendly Code (F3)



Q: I have set up a menu that uses one 'data.js' file.
However, on ONE page, the menu needs to have three additional items, with a different style.
Is there a way to add the three items with a different style via javascript on that one page?
I think I know how to handle the styles, but I'm unsure how to add the three new items without using two differerent 'data.js' files- which is how I have it set up for the time being. You may want to visit the site to see what I mean.


A: You can use dm_ext_addItem() function to add items.

Please, see how you should write this function:
function dm_ext_addItem (menuInd, submenuInd, iParams)

< SCRIPT src="Welcome to Catawba Animal Clinic, P_A_files/data.js" type=text/javascript> </SCRIPT>
<script type="text/javascript"> dm_ext_addItem(0, 0, ["Boarding Request Form","request.htm", , , , "_self", "0", "-1", , ]);</script>
<script type="text/javascript"> dm_ext_addItem(0, 0, ["Boarding Policies","", , , , , "0", , , ]);</script>
<script type="text/javascript"> dm_ext_addItem(0, 0, ["Express Checkout Info","", , , , , "0", , , ]);</script>

You should upload dmenu_dyn.js file on your server.

In your data.js file you should add need Individual Item Styles.


Q: The only remaining problem I see is that the html popup menu appears in slightly different positions depending upon where your mouse touches the icon.

Is there a way to make the menu position absolute in respect to the icon? I have tried playing with the menu item parameters that seemed related with no success.

A: See dm_popup() function parameters:

return dm_popup(menuInd, pause, event, x, y)
menuInd - index of the menu on a page, >= 0.
pause - determines the time when the html popup menu will be hidden.
event - constant. Do not change.
x, y - optional. Set these parameters if you want the menu to appear in the specified place.
In other case the menu will be shown in the mouse position.