|
|
|
Can I create the following sample with your menu using javascript?
Return to Recent Questions
Q:
Can you tell me what parameters control the lines around the top level of menu using javascript
items and subitems?
I would like to create a top menu using javascript that displays as follows:
Home | Proposal Reponses | Marketing Info |
As you can see I would like to create the menu using javascript with no borders around the top level and a vertical line separator between each top level menu using javascript item.
For the sub-menu items I would like there to be a thin border around the
sub-menu.
A:
Yes, you can create such menu using DHTML Menu.
Use the following Individual style and assign it to the first top item in the menu using javascript.
Set these parameters:
var menuBorderWidth=1;
var menuStyles = [
["menuBorderWidth=0"], //style 0
];
["Home","testlink.html", , , , , , "0", , ], //style 0
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , , , , ],
To add lines between main items you can paste the separators.
Please, see the following parameters:
//------- Separators -------
var separatorWidth = "10";
var separatorHeight = "20";
var separatorAlignment = "center";
var separatorImage = "C";
var separatorVWidth = "150";
var separatorVHeight = "10%";
var separatorVImage = "image.jpg";
You can create separators using menuItems, for example:
var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],
];
Return to Recent Questions
Related:
- Apr 02, 2009 - Where can I change the font size of the top net dhtml menu items?
- Apr 11, 2009 - I cannot see the shadow on the top items in my javascript drag example.
- Jul 12, 2009 - How do I add more space between the top items in my drop down menus in javascript?
- Aug 21, 2009 - How to display my top popup menus items without a border, but my sub items all have a border?
- Aug 24, 2009 - Can I create rollover menu with the same width of the top items? Each item has a different width now...
- Oct 21, 2009 - How I can add little vertical spacers between menu items in the css drop menu?
- Nov 04, 2009 - Is there a way to change the height of the top items in my javascript rollover menus.
- Jan 08, 2010 - Is there any way to remove the spaces between the top items in css dhtml menu?
- Jan 26, 2010 - Is it possible to use background images for the top items in website drop down menu?
- Jan 27, 2010 - I don't need the generated text on the main javascripts menu, only on the submenus
- March 1, 2010 - How I can add border onle for the top items in the menu in web page?
|
