Css Example Vertical Menu by Deluxe-Menu.com
Css Example Vertical Menu

Template:

iPhone 7 Template - Collapsible CSS Menu






    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Status string shows item labels
    - Image arrows
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Search feature - add the search area in the menu and type symbols.
    - Cross-frame support - menus work on frameset-based pages
    - Text aligned to left
    - Transition #14 - "fade out" effect




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

Menu Screenshots

Css Example Vertical Menu Collapsible Menus Samples Dhtml Javascript

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your css example vertical menu menus easily and in no time
  • Sensible menu parameters for manual editing
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
Menu De Java Script Css Example Vertical 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!
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed css example vertical menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



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

Javascript Menu. DHTML Menu.

  • Sub menus dropdown over all the objects on the page (select, applet, flash, object, embed). If for some reasons (old browser) a submenu can't go over an object, the object will be hidden for a time when the submenu is shown.
  • Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
  • These effects will make your menu neat and chic. You can set transparency, cast a shadow on the menu and submenus. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I have tried various different ways, but I cannot get a separator image I have specified in the Separators section of javascript menu builder to display. I have verified that the image exists, but still nothing. The rest of the menu works perfectly. Any help will be appreciated.

A: To add a separator you should

//--- Separators
  var separatorImage=""; //for subitems (top items in vertical menu)
  var separatorWidth="100%";
  var separatorHeight="3px";
  var separatorAlignment="right";
  var separatorVImage="separator.gif"; //for the top items (subitems items in vertical menu)
  var separatorVWidth="100%";
  var separatorVHeight="2px";
  var separatorPadding="";

You can create separators using menuItems (you can do it in DeluxeTuner, use "Add separator" button), for example:

   ["||All Images","gallery_all.html", , , , "_self", , , , ],
   ["||-"],
   ["||Pricing & Ordering Info","gallery_pricing.html", , , ,"_self", , , , ],

Try that. You can also send us a copy of your html page (including .js files) ora direct link to your website, so we can check it.

Q: Now, one more little question -

in a Tree menu, I know how to make a menu expand by default and expand only on a mouse click.

However, I believe there is a way to make a menu item expand on a "mouse over" without a click.

How can this be done?


A: No, unfortunately it is not possible to expand the tree menu onmouseover now. It is possible that we'll add this feature in the nextversion.


Q: Sorry to bother you again, but we've done everything suggested in your fix regarding flash obscuring the multiple drop down menu, but we're still having the same problem in Firefox.

We've - set the parameter in the data file to -   var dmObjectsCheck=1;

We've added the following to the start of the data file -

function dm_ext_ruleObjectHide()
{
return false;
}

We've embeded the flash as suggested to -

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
height="150" width="732" name="if-header">
<param name="movie" value="images/flash/if-header.swf">
<param name="quality" value="best">
<param name="play" value="true">
<param name="wmode" value="opaque">
<embed height="150" name="if-header"
pluginspage="http://www.macromedia.com/go/getflashplayer"
src="images/flash/if-header.swf"
type="application/x-shockwave-flash" width="732" quality="best"
wmode="opaque" play="true">
</object>

But still our multiple drop down menu sits behind the flash. Are we missing something else?

A: See it is necessary to have opaque parameters in <object> and <embed>tags to display submenus correctly in Firefox.

So, you should open .js file for your flash and find "embed" and"object" words.
And add opaque parameters, for example:

swfNode = '<embed type="application/x-shockwave-flash" wmode="opaque" src="'+ this.getAttribute('swf') +'" width="'+ this.getAttribute('width') +'" height="'+ this.getAttribute('height') +'"';
swfNode += ' id="'+ this.getAttribute('id') +'" name="'+ this.getAttribute('id') +'" ';
  var params = this.getParams();
for(  var key in params){ swfNode += [key] +'="'+ params[key] +'" '; }
  var pairs = this.getVariablePairs().join("&");
if (pairs.length > 0){ swfNode += 'flashvars="'+ pairs +'"'; }
swfNode += '/>';
} else { // PC IE
if (this.getAttribute("doExpressInstall")) {
this.addVariable("MMplayerType", "ActiveX");
this.setAttribute('swf', this.xiSWFPath);
}
swfNode = '<object id="'+ this.getAttribute('id') +'" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="'+ this.getAttribute('width') +'" height="'+ this.getAttribute('height') + '">';
swfNode += '<param name="movie" value="'+ this.getAttribute('swf') +'" /> <param name="wmode" value="opaque"> ';
  var params = this.getParams();
for(  var key in params) {
swfNode += '<param name="'+ key +'" value="'+ params[key] +'" />';
}



Q: I must say, I'm glad I found your products! I am thoroughly impressed with your products! Once we get everything figured out and our menu set up, we'll be purchasing a license for our site.

However, I did have a question. I cannot seem to figure out how to get the individual menu styles to be applied to any of my java script menu items through the Deluxe Tuner. I've looked through through your documentation, but I cannot find anything that explains to me how I do this in the Deluxe Tuner. All I could find is this link:

http://deluxe-menu.com/individual-item-styles-info.html

Which I don't quite fully understand, and by the looks of it, it doesn't appear to explain to me how I customize my individual menu item styles through the Deluxe Tuner.

Could you please either explain to me how to do this, or provide me a link that gives me directions on how to get this to work.

I look forward to doing business with you!

A: To create Individual styles click "Edit Individual Styles..." button.

1) In the "Individual Styles" window click "Add Style", enter the name
of the new style.
2) Edit java script menu parameters of your style
4) Click "OK" button.
5) Select items (you can use Ctrl and Shift buttons to select group ofitems) and assign "Item Style"/"Submenu Style" to it. (in the "Item Parameters" window)



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