Cms Made Simple Jquery Menu by Deluxe-Menu.com
Cms Made Simple Jquery Menu

Template:

Glossy Menu Template - DHTML Menu Navigation






    - Transition #14 - "fade out" effect
    - Items with icons
    - Top items and submenus have a shadow
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Inactive/Disabled items
    - Submenus dropdown on mouseover
    - Relative/Absolute menu position




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

Menu Screenshots

Cms Made Simple Jquery Menu Drop Down Menu Over

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your cms made simple jquery menu menus easily and in no time
  • Sensible menu parameters for manual editing
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
Example Css Menu Navigation Cms Made Simple Jquery Menu
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!
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



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

Javascript Menu. DHTML Menu.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I am currently testing the DHTML Tabs product, and I am trying to find ways of replicating how it is being done in your website at http://deluxe-tabs.com/.

In your website, when I click on a Tab, the content relevant to that tab appears. I understand that the site is using "div id= " method to control. However, my question is how can I code the DIV to appear in the JS file of my mouseover tabs?

A: See, for each item you should assign the ID property of the contentDIV (see data file with your menu parameters).

["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.

<div id="contentName" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>


<br><br><br>

You should paste your content here!!!!!
</div>

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


<br><br><br>

You should paste your description here!!!!!
</div>

You can paste any code within DIV's (PHP, Javascript ...)



Q: I'm trying to have two separate menus on my web page. I read what was written in your FAQs about multiple menus, but the response was too cryptic.

It seems to me that if the dmWorkPath for each menu is declared separately, then the menus should work separately (with no interaction). I did not find this to be the case.

Do you have more complete information about creating multiple menus on one page? I would like to understand the issues.


A: David, if you want to create multiple menus on one page you should only call several data.js files with the menu.

For example you can see templates.html. You can find this file in the trial package.


Q: I have the dynamic dropdown menu working perfectly on the main page of the website, but when I try to install it onto html files that appear in subfolders of the site, the images do not appear. I have put ../ before all the links I can find and have the following codes placed in my file, what am I doing wrong?

A: You can use additional parameters to make dynamic dropdown menu paths absolute:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

These parameters allow to make images and links paths absolute.For example:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

  var menuItems = [
["text", "index.html", "icon1.gif", "icon2.gif"],
];

So, link path will be look so:
http://domain.com/pages/index.html

Images paths will be look so:
http://domain.com/images/icon1.gif
http://domain.com/images/icon2.gif

Please, try to use these parameters.



Q: I’m setting an after item image as follows (this code was generated by Deluxe Tuner, not by hand/text editor):

  var afterItemImage=["designimgs/btn-ico.gif","designimgs/btn-ico-active.gif"];

  var afterItemImageW=8;

  var afterItemImageH=7;

As you can see, the after item image is not appearing in my access drop down menu – do you have any idea why that would be/how to fix?

A: You should create Individual style and assign it for the top access drop down menu items:

  var itemStyles = [
["itemBackImage=designimgs/blank.gif,designimgs/blank.gif", "beforeItemImage=designimgs/blank.gif,designimgs/blank.gif", "afterItemImage=designimgs/btn-ico.gif,designimgs/btn-ico-active.gif", "beforeItemImageW=1","afterItemImageW=8", "beforeItemImageH=1","afterItemImageH=7","itemBorderWidth=0"],
];



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