Javascript Drop Down Menu Apply Styles To Submenus

Ctrl+F2 - enter/switch menu | Arrow keys - navigate | Esc - exit menu

Support

FAQ

Contacts

About Us

Recent Questions

How do I apply styles to submenu items that are different from the styles of top javascript drop down menu items?

Return to Recent Questions

Q: How do I apply styles to submenu items that are different from the styles of top javascript drop down menu items? For instance, I want to know how to apply background images for the submenus, but not for the menu items. I also want borders around the submenu ITEMS, not just the entire submenu. Here is the link to my page with the menus. The menu I am referring to is the top right hand menu (black with grey).

A: Create Individual Item and Submenu styles and assign it to your submenu items.

var itemStyles = [

["itemHeight=23px","itemBackImage=deluxe-menu.files/btn_black.gif,deluxe-menu.files/btn_cyan.gif","itemBorderWidth=1","itemBorderStyle=solid,groove","itemBorderColor=#2C2C2C,#FF0000"],
];
var menuStyles = [
["menuBackColor=transparent","menuBorderWidth=0","menuBorderStyle=none","itemSpacing=0","itemPadding=0px 0px 0px 10px"],
];

["Home","testlink.html", "", "", "", "", "", "", "", "", "", ],
["Product Info","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", "", "", "", "", "", "", "", ],
["|Features","testlink.html", "", "", "", "", "0", "0", "", "", "", ],
["|Installation","", "", "", "", "", "0", "", "", "", "", ],
["||Description of Files","testlink.html", "deluxe-menu.files/icon6.gif", "deluxe-menu.files/icon6o.gif", "", "", "0", "0", "", "", "", ],
["||How To Setup","testlink.html", "deluxe-menu.files/icon6.gif", "deluxe-menu.files/icon6o.gif", "", "", "0", "", "", "", "", ],
...

Assign Individual Items style to all submenu items and Individual Submenu Style for the first item in each submenu.

Return to Recent Questions

Related:

Sep 02, 2006 - Can I show / hide the javascript floating menu .
Sep 02, 2006 - Little vertical spacers between menu items in the drop down menu.
Sep 04, 2006 - Set a menu item to pressed when a page is loaded.
Sep 05, 2006 - Can I say to deluxe-menu "use wrapping"?
Sep 05, 2006 - Change cursor to a hand when over a menu link...
Sep 06, 2006 - The alighment of the dropdown menu is off to the right in Firefox...
Sep 06, 2006 - Can't see my javascript vertical tree menu in FireFox.
Sep 06, 2006 - The first item of the html drop down menu stays highlighted.
Sep 11, 2006 - How can I hide my dropdown menu on print?
Sep 11, 2006 - If I use doctype the settings of the submenus in javascript dropdown menu get lost.
Sep 15, 2006 - Are vertical menus also supported? I don't see any in the javascript menu examples.

Website Builder For Kids & Musicians Website Design Tool - Website Development Software \| Website Builder for nonprofits and therapists \| Photographer & Artist Website Builder \| Website Builder for portfolio and SEO \| Whitelabel Website Builder - HTML Code Generator \|
Copyright (c) 2019, Deluxe-Menu.com	Home \| Product Info \| Samples \| Download \| Purchase \| FAQ \| Site Map \| Terms of Use \|
All rights reserved.	Best AI Website Builder \| Free AI Website Generator \| AI web design generator \| AI website design generator \| AI web page design generator