Jquery Menu Template by Deluxe-Menu.com
Jquery Menu Template

Menu Screenshots

Jquery Menu Template Javascript Rollover Menu Submenu Horizontal

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your jquery menu template menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective
Vertical Menu Sites Jquery Menu Template
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
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



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:  1) is it possible to have multiple(different) images, popup menus?

 2) Can it Automatically popup instead of Left click?
 Would you show me How?

  3) What is: menuInd - index of the javascript menu script on a page, >= 0 ?
 Could you give more explanation?

A: >  1) is it possible to have multiple(different) images, popup menus?
Yes, you can use any number of popup menus on your page.

>  2) Can it Automatically popup instead of Left click?
>  Would you show me How?
You can use onMouseOver event instead of onClick or onContextMenu events in that case.

> 3) What is: menuInd - index of the javascript menu script on a page, >= 0 ?
Each menu has ID. The ID's number starts with 0.

So, when you have several data files on your page you have such ID's:

<script type="text/javascript" language="JavaScript1.2" src="menu-top.js"></script> // ID - 0 //standard menu (doesn't use popup feature)

<script type="text/javascript" language="JavaScript1.2" src="source_pop.js"></script> // ID - 1

<script type="text/javascript" language="JavaScript1.2" src="source_pop1.js"></script> // ID - 2

<script type="text/javascript" language="JavaScript1.2" src="source_pop2.js"></script> // ID - 3

<script type="text/javascript" language="JavaScript1.2" src="source_pop3.js"></script> // ID - 4

and so on.

If you want to have different Popup menus (there color, item, text,font and so on) you should create different .js files with yourparameters. And call them from your page, for example:

<script type="text/javascript" language="JavaScript1.2" src="menu-top.js"></script>

<SCRIPT language=JavaScript1.2 src="source_pop.js" type=text/javascript></SCRIPT>
<SCRIPT language=JavaScript1.2 src="source_pop1.js" type=text/javascript></SCRIPT>
<SCRIPT language=JavaScript1.2 src="source_pop2.js" type=text/javascript></SCRIPT>
<SCRIPT language=JavaScript1.2 src="source_pop3.js" type=text/javascript></SCRIPT>

If you have different item text only you can use one
<SCRIPT language=JavaScript1.2 src="source_pop.js" type=text/javascript></SCRIPT>
file. But you should delete the following code:

  var menuItems = [

["Next","testlink.htm"],
["Prev","testlink.htm"],
["Close","testlink.htm"],
];

dm_init();

and move it to the html page:

<body>
...
<SCRIPT language=JavaScript1.2 src="source_pop.js" type=text/javascript></SCRIPT>
<script type="text/javascript"> //first popup menu ID - 1
  var menuItems = [

["Next","testlink.htm"],
["Prev","testlink.htm"],
["Close","testlink.htm"],
];

dm_init();
</SCRIPT>
<script type="text/javascript"> //second popup menu ID - 2
  var menuItems = [

["Text","testlink.htm"],
["Text1","testlink.htm"],
["Text2","testlink.htm"],
];

dm_init();
</SCRIPT>
<script type="text/javascript"> //third popup menu ID - 3
  var menuItems = [

["New_Text","testlink.htm"],
["New_Text1","testlink.htm"],
["New_Text2","testlink.htm"],
];

dm_init();
</SCRIPT>

<script type="text/javascript"> //fourth popup menu ID - 4
  var menuItems = [

["New","testlink.htm"],
["New","testlink.htm"],
["New","testlink.htm"],
];

dm_init();
</SCRIPT>

<img src="testimage.gif" width=200 onClick="return dm_popup(1, 1000, event);" style="cursor: hand;">
<img src="testimage.gif" width=200 onClick="return dm_popup(2, 1000, event);" style="cursor: hand;">
<img src="testimage.gif" width=200 onClick="return dm_popup(3, 1000, event);" style="cursor: hand;">
<img src="testimage.gif" width=200 onClick="return dm_popup(4, 1000, event);" style="cursor: hand;">

</body>


Q: Things are mostly working great. I want my menu to appear centered at the top the page. Here's the code:

<table style="text-align: left; width: 100%;" border="0" cellpadding="2"cellspacing="2">
<tbody>
<tr>
<td style="width: 100%; text-align: center;"><script type="text/javascript" src="navbar.js"></script>
</td>
</tr>
</tbody>
</table>

The table appears at the far left edge of the window. I tried with both absolute (x=20, y=10) and relative (both x and y unset) coordinates. Help!


A: If you want to center the menu paste itwithin the <div > or <table> with a static position and specify a center alignment for it, for example:

<DIV align=center>
<SCRIPT src="data/data.js" type=text/javascript>
</SCRIPT>
</DIV>

<table width=800>
<tr>
<td align=center width=600>

More Q&A

[jQuery] jQuery pimped out Free Css Template project - jQuery Forum

jQuery Support Portal. ... Is there any such free Css Template, with all of the ... tabs via XML and building the menu with JavaScript,

load jQuery in functions or footer

Feb 25, 2010 ... That tends to be infuriating as it means that the menu is ... In init hook I change jquery definition from WP -bundled to Google CDN

Jimdo Forum • View topic - [jQuery] Menu accordéon horizontal

Je vais éviter de dédoubler un tutorial que j'ai rédigé ailleurs, alors je vous suggère de consulter l'article "Menu accordéon jQuery"

Forum Swt Menu Background Color Template

Forum Swt Menu Background Color free javascript menu templates. Don't allow your website ... Java Menu Creator jquery vertical menu multi level visited

Create tabbed menu

How to create menu to look like this? ::) ... Joomla Templates and Joomla 1.5 Templates - Joomla Templates and Joomla 1.5 Templates ... and here some example tab menu using jQuery : http://yensdesign.com/tutorials/tabs/

PHP-Fusion Themes - Discussion Forum: LavaLamp dropdown menu

I found a Joomla template for conversion that had a Mootools javascript ... Then I spent weeks getting a Jquery version of the menu running

Kohana Forums - template_controller and jquery problem

I'm learning to use Kohana and Jquery to perform's my ajax's call's, i followed the ... $this->template->menu = $menu; $this->template->cuerpo = "";

jQuery drop down menus - jQuery Forum

I am working on jquery plugin for building large menus. .... e = "The template ' " + include + "' could not be found";. break;. default:

Automatic YUI Menu Navigation - Navigation, Breadcrumbs and

you can have to same effect using the jdMenu (http://jdsharp.us/jQuery/plugins/ jdMenu/). And the plus side of this menu is that html

The best way to incorporate jquery? - Zen Cart Support

You can see an example of the jquery to control the menus at ... and easy way to include them just put them in your custom template folder

Web Hosting Templates For Sale / Full Demos / WHMCS Integration

index page; about page; products page; WHMCS Portal Integration; 960.gs Framework; jQuery Dropdown Menu. This template will be sold as

Javascript conflict with my template - Crosstec

Jul 1, 2010 ... actually using version 1.7.2. there is still a javascript conflict. i am using the superfish dropdown menu module which also uses jquery and

jQuery Conflict! - PORTALIZ.COM WAREZ FORUM

If i rename jquery of template then yoogallery is working but some features ... noConflict(); $j(document).ready(function(){ $j('.menu-nav

JQuery not loaded / Joomla Knowledgebase Extension Support Forum

I have resolved the jquery issue. It seems that it was the administrator theme ( template) we were using. But I still have no menu items for

Jquery Categories | Piwigo.org

I want to associate jquery category menu instead of the ... VDigital recently made some developments with a template listing subcategories

Can not load templates on Frontend - NoNumber! Forum

Can not load templates on Frontend (1/1) - Extension Support - Content Templater - NoNumber! ... /plugins/system/cdscriptegrator/libraries/jquery/js/jquery-1.4.2 .min.js ... Add to Menu ... AdminBar Docker ... Advanced Module Manager

Problem Mega menu and Kunena forum

Hi everybody :) I have an issue with mega menu and kunena. ... I have a kunena forum embeded in a JA-Purity II template, using Mega Menu, and I don't have ... Kunena uses Jquery lib and Ja-Purity uses mootools...there is

Know Style - Custom Jquery and DropDown Menu - vBulletin.org Forum

Supported Template Edits Auto-Template Additional Files Translations ... Style use Jquery with DropDown Menu (navbar)

Js Fix For Ie6 Menu Width Issues :: Forum :: Indexhibit

1)How I can "be sure that it follows after your jquery.js file loads up"? ... 3) I link this "ie.js" just moving that file to my template

Joomla! • View topic - how to insert Jquery vertical menu

I want to insert a jquery vertical menu instread of milkyway template menu. I downloaded the menu also. But i dont know how to modify the

Implementing a jquery dropdown menu

I'm creating with a mate a template for Website baker and we are trying to implement a jquery menu that we found over here:

PivotX Support Community • View topic - hierarchical menu

You can see an example in my dev/test weblog that uses the menu template code that I posted above and the modified jQuery code

CMS Made Simple Forum: HowTo: Menu & jQuery slide Effects (slideUp

I've seen lots of questions about jQuery sliding effects and menu the last times . ..... (I'm referring again to the default menu template

RocketTheme • View topic - Fusion Menu subtext/split columns

RocketTheme - Professional Joomla Templates. View a Demo? ... I have RockNavMenu and I'm using the selected Fusion Menu theme, but I don't see any ... function working so that JQuery and Mootools can behave together?