Template:

iPhone 14 Template - CSS Menu Rollover

    - Search feature - add the search area in the menu and type symbols.
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Personal CSS styles for separate menu elements
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Items with icons
    - Text aligned to left
    - Inactive/Disabled items

2 0 Navigation Buttons by Web-Buttons.com v3.0.0

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

Menu Screenshots

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

Features

Professional Look-n-feel

Entirely customizable look-n-feel
A lot of pre-designed menu vertical css slide 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!

Javascript Tree Example Menu Vertical Css Slide

Cost Effective

Starts at just $39. Buy Now!
FREE for non-commercial websites. Order Now!
No-limits free trial version. Download Now!

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

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

Javascript Menu. DHTML Menu.

Submenus drop down over all the objects of the page (select, flash, object, embed, applet). If for some reasons a submenu can't drop down over an object, the latter will be hidden for a time when the submenu is shown.
These effects will make your menu more attractive and stylish. You can cast a shadow on the menu and submenus, set transparency. Among available transitional effects there are such as fade, mosaic, random dissolve, slide out and many others.
Create individual styles and assign them to any submenu and item. Use individual styles to achieve stunning effects!

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

Recent Questions

Q: Does your product support image swapping? For instance, if I was building a menu such as the one on your site, how would I swap the "Home", "Product Info", etc images/gif's?

I'm using a JavaScript such as the one below:

<a href="index.html"><img src="images/btn_home_up.gif" name="Image1" width="91" height="33" border="0" id="Image1" onmouseover="MM_swapImage('Image1','','images/btn_home_roll.gif',1)" onmouseout="MM_swapImgRestore()" /></a>

A: You can use images for items using standard <img> tag.
But in this case you should change pictures yourselves usingJavascript to make rollover items.

For example:

var menuItems = [
["<img src='image1.gif' width=100 height=20 onmouseover='this.src=\"image2.gif\" onmouseout='this.src=\"image1.gif\"'>Text", link,]
];

or
var menuItems = [
["<img src='image.gif' onmouseover='changeImage(this, 1)' onmouseout='changeImage(this, 0)'>"]
];

Q: I need to know if separate coloring of main items is possible in slide drop down menu.

A: You can create Individual Item styles and assign it for the top items,for example:
var itemStyles = [
["itemBackColor=#8080FF,#FFFF80","itemBorderStyle=solid,solid","itemBorderColor=#000080,#FF8000"],//style0
["itemBackColor=##FFFFF,#000000","itemBorderStyle=solid,solid","itemBorderColor=##AA0000,#0000EE"],//style1
];

var menuItems = [
["Item 1","", "", "", "", "", "0", "", "", "", "", ], //style0
["Item 2","", "", "", "", "", "1", "", "", "", "", ], //style1
["|Item 3","", "", "", "", "", "", "", "", "", "", ],
["|Item 4","", "", "", "", "", "", "", "", "", "", ],
["Item 5","", "", "", "", "", "0", "", "", "", "", ], //style0
["|Item 7","", "", "", "", "", "", "", "", "", "", ],
["|Item 8","", "", "", "", "", "", "", "", "", "", ],
["Item 6","", "", "", "", "", "1", "", "", "", "", ], //style1
];

You can find more info about individual item styles here:
http://deluxe-menu.com/individual-item-styles-info.html

Q: Would it be possible at some point to introduce more font decoration options to the mouseover variables, I would like to add bold as a mouseover font decoration, but obviously this is not possible at the moment.

A: Unfortunately, Deluxe Menu doesn't have such a feature. You can onlyset it's color. You cannot set the font of menu item bold when selected.

You should addthe following code in your data file:

function changeFont(obj, over)
{
obj.style.fontWeight = over ? 'bold' : 'normal';
obj.style.fontSize = over ? '13px' : '12px'; // You can not use this line
}

var menuItems = [

["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Security</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Ease of Access</div>","", "", "", "", "", "", "", "", ],
["|<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Internet Options</div>","", "", "", "", "", "", "", "", ],
["|<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Windows Firewall</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Network and Internet</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Hardware</div>","", "", "", "", "", "", "", "", ],

Q: Do this easy drop down menu support Right to left property?

A: Deluxe Menu support right-to-left languages.

In Deluxe Menu you can set the following parameter:

var dmRTL = 1;

Set this parameter to 1 if you're using right-to-left direction of html page <HTML dir=rtl>.

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

Blog

Templates

Popular Templates

Menu Vertical Javascript Ext Menu Item Press

Javascript Menue Tree Javscript Slide In Menu Right Side

Slide In Page Javascript Jquery Collapsible Multi Level Side Menu

Templates

Func. Samples

Menu Scripts Vertical Dropdown

Web Javascript

Awards

Javascript Select Style Menu Vertical Css Slide

Javascript Samples Menu Vertical Css Slide

Javascript Menu Floating Menu Vertical Css Slide

Dhtml Movable Windows Menu Vertical Css Slide

Template of Day

Menu Vertical Css Slide Javascript Examples Menu Bar

Twitter

More Q&A

Code Snippet: vertical fly out menu example code using css

Code Snippet: vertical fly out menu example code using css. ... Here's a very simple but elegant fly-out / slide-out menu but without a need

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

Edit the stylesheet "Navigation: Simple - Vertical" and add following lines ... Edit (06.11.2009) : Modified the CSS to work with more than 2 menu levels

Newspaper Forum Powered By Ip Board : Free CSS Menu Maker

Jul 27, 2010 ... css vertical flyout menu Free Css Flyout .... mootools slide menu css3, css creating sliding composite images, mootools news accordion phpe,

Vertical Menu - Zen Cart Support

I am looking for a working vertical slide out menu. ... I expect the CSS Flyout Menu could be modified to work vertically instead of

Top 71 CSS Menus

11 CSS navigation menus : at Exploding Boy 12 more CSS Navigation Menus. ... at Exploding Boy; 14 Free Vertical CSS Menus : at Exploding Boy ... flyout menu with transparency : at CSS Play; CSS only vertical sliding menu

Superfish Vertical Menu - Arrows not showing up in any browser

Superfish Vertical Menu - Arrows not showing up in any browser ... but I can't get the arrows to show up in my Superfish Vertical menu. ... animation: {height: 'show'}, // slide-down effect without fade-in; delay: 1200, ... <li class=" current"><a href="whowho.php">Who's who in Shinwakai</a>

inline multi-level drop down menu. (plz help) (Page 1) - Menu

you could have a look at Stu Nicholls' work: CSS slide, ... thanks for all the tips, the Vertical concertina slide menu is pretty close to

Archived CMSimple Support Forum • View topic - A CSS driven

People, who had a look at my version of a CSS driven vertical menu, may remember , that the initial code was only 11 lines or so

CSS-Generator - Ultimate Web Site Drop Down Menu Forum

CSS-Generator CSS and HTML. ... Then moved the udm-dom and udm-sliding-menu to right after the <body> tag. Hope this helps. Attached Files

Slide Viewer & Text Arrangement :: Forum :: Indexhibit

$exhibit['lib_css'] = 'svwp_style.css'; .... Normal slider doesn't use an external css. ... the images do appear in a vertical line

Slide In Menu Right Side [Archive] - WebDeveloper.com

Joomla! • View topic - The hot Transmenu 2.0 for Joomla is out!

Vertical and Horizontal type. Each will use independent CSS file .... There doesn't seem to be any boxes, any sliding menus of any direction .... for the css file, this menu cosmetic was applied without hassle whatsoever

Problem with script to slide left a <li> item from a menu and

what I'm trying to do is to have a vertical menu where one of the list ... <li class="submenu">Dove</li> <li class="submenu">Cosa serve</li>

Forum Swt Menu Background Color Template

Javascript Sliding Menu Bar Orange Rollover Buttons - Rounded Corner · Menu ... Menu Desplegable Css Java Vista Style 6 - 3d Buttons · Vertical Scrolling

a vertical line next to the title on ... - Jalbum forums

To remove the vertical lines, edit "Mirage\res\slide.css". On line 13, change border: hidden; to border-width: 0px;

Archived CMSimple Support Forum • View topic - eXtended TOC for

In case you want to develop a CSS driven vertical or horizontal drop down menu using sliding doors as I demonstrated at

Horizontal dropdown submenu width - General - Support - Universal

The Universal CSS Navigation Menu for Dreamweaver allows you to create all kind of great web site navigation menus: Cascading Drop down

Support for CSS Flyout Menu - Zen Cart Support

The image doesn't actually "slide" out, It is instantaneous. ... The vertical menu has a styled <ul> with background image while the <li>

Trying to randomise a jQuery content slider - Webmaster Forum

I'm using a very nice jQuery content slider called Easy Slider on my site ... obj).css('width',(s+1)*w); }; if(!options.vertical) $("li",

Vertical Multi level menu - Exforsys

Hi to all, I need CSS vertical Multilevel sliding menu.any one have good links for menus styles.please leave links here

PHP-Fusion Themes - Discussion Forum: css navi slider effect

This topic is to show a slider effect that I finally got to work from ... The best place for this effect would be a vertical menu bar in the

DJ-Extensions - View topic - Drop Down Menu

On top of the image slide position, There are drop down menus, ... the z- indexing in your CSS file to go in front of the image slider. ... When I use " horizontal"or "vertical" as slider-type the whole thing works fine

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

Edit the stylesheet "Navigation: Simple - Vertical" and add .... You always need to adapt your CSS if your menu has more levels than that

Un menu CSS vertical multi-niveaux

Je dispose d'un menu CSS vertical avec des sous-menus. ..... css pour la mise en forme et javascript (jquery powa) pour l'animation (slide, fade, etc...)