Jquery Expanding Menu by Deluxe-Menu.com
Jquery Expanding Menu

Template:

Grey Rounded Menu Template - Pure Css Menu






    - Personal CSS styles for separate menu elements
    - Submenus go over all page objects
    - 85% transparency for sub menus
    - Inactive/Disabled items
    - Filters and Transitional effects
    - Text aligned to left
    - Submenus dropdown on mouseover
    - Status string shows item labels




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

Menu Screenshots

Jquery Expanding Menu Cascading Javascript Menu Generator

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

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed jquery expanding menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Cost Effective
Html Side Menu Bar Example Jquery Expanding Menu
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!
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
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: Everything will go fine during setup, until I get further into it, I will get an error. It says error on a line of text that isnt even there. The line of text does not exists. Please let me know how I can correct this issue and get the program running right.

A: See, it is not correct to write " symbols within menuItems:

   ["||A23 (3" DIAM)","http://www.interlight.biz/products.int?Category=INCANDESCENT&Subcat=A+SHAPE&Dept=A23+%283%22+DIAM%29",

Try to write your last items in the following way:
   ["||A15 (2" DIAM)","http://www.interlight.biz/products.int?Category=INCANDESCENT&Subcat=A+SHAPE&Dept=A15+%282%22+DIAM%29", "", "", "", "", "", "", "", "", "", ],
   ["||A19 (2.5" DIAM)","http://www.interlight.biz/products.int?Category=INCANDESCENT&Subcat=A+SHAPE&Dept=A19+%282%2E5%22+DIAMETER%29", "", "", "", "", "", "", "", "", "", ],
   ["||A21 (2.6" DIAM)","http://www.interlight.biz/products.int?Category=INCANDESCENT&Subcat=A+SHAPE&Dept=A21+%282%2E6%22+DIAM%29", "", "", "", "", "", "", "", "", "", ],
   ["||A23 (3" DIAM)","http://www.interlight.biz/products.int?Category=INCANDESCENT&Subcat=A+SHAPE&Dept=A23+%283%22+DIAM%29", "", "", "", "", "", "", "", "", "", ],




Q: What I want to do is use your XP Tabs Template.
It appears fine in the Preview Pane but when I load it on my web page the sub-items are all listed on the same line as the tabs.

A: If you want to create subtabs in your menu you should use Tab Mode
  var tabMode=1;
and write your bmenuItems in the following way:

  var bmenuItems = [

["-","", "", "", "", "", "", "", "", ],
["XP Tab 1","content1", "", "", "", "", "", "", "", ],
["XP Tab 2","content2", "", "", "", "", "", "", "", ],
 ["|SItem 226","", "", "", "", "", "", "", "", ],
["XP Tab 3","content3", "", "", "", "", "", "", "", ],
 ["|SXP Tab 4","content4", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", ],
];
but in that case you can't assign the ID of the DIV to show when youclick on the tab. You can set the links only.



Q: When I create a tree menu that can be expanded with the double arrows. I was wonder if there was a way to have the dhtml slide tree menu already expanded with I open the page the menu is on instead of having to expanded every time.


A: To expand items by default in Deluxe Tree you should add '+' symbolbefore item text.

Foe example:
["+Deluxe Tree: XP Style","", "default.files/xpicon1_s.gif", "", "", "XP Title Tip", "", "0", "", ],
 ["|Home","testlink.htm", "default.files/icon1_s.gif", "default.files/icon1_so.gif", "", "Home Page Tip", "", "", "", ],
 ["|Product Info","", "default.files/icon2_s.gif", "default.files/icon2_so.gif", "", "Product Info Tip", "", "", "", ],
   ["||What's New","testlink.htm", "default.files/iconarrs.gif", "", "", "", "", "", "", ],
   ["||Features","testlink.htm", "default.files/iconarrs.gif", "", "", "", "", "", "", ],
...

The following parameter expands all menu items by default:

  var texpanded=1;


Q: I still am having no luck with Firefox showing an Incorrect Copyright nag (Again, just Firefox for Mac; no problem with other browsers.)

Also, I am still requiring a long delay to keep the pop-up window open from loading as the page loads. Script reads:

deluxePopupWindow.attachToEvent(win,'openAfter=,,onClick=Image2,,,') }, 'load')

A: Delete 'openAfter=' at all from deluxePopupWindow.attachToEventfunction (in all files):

deluxePopupWindow.attachToEvent(win,',,onClick=Image2,,,')
deluxePopupWindow.attachToEvent(win,',,onClick=Image21,,,')
deluxePopupWindow.attachToEvent(win,',,onClick=Image22,,,')
deluxePopupWindow.attachToEvent(win,',,onClick=Image23,,,')
deluxePopupWindow.attachToEvent(win,',,onClick=Image24,,,')

In that case popup windows won't show till you click on the images.

You should write NOSCRIPT tag in the following way:

<noscript><a href="http://deluxepopupwindow.com">menu drop down by DeluxePopupWindow.com</a></noscript>

I've just checked it. There is no nag message in Firefox in that case.But notice that you won't have nag message on your website only. On alocal machine you'll have nag message.



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