Milonic provide full featured pull down web menus for some of the worlds largest companies
click here to see what it can do for you

Download Milonic DHTML Menu
Buy Milonic DHTML Menu

Back To Start Of Archive
Taken From The Forum: Archived Topics for the old Version 3.0 JavaScript Menu
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:19

Need help asap


Poster: Davi
Dated: Monday August 18 2003 - 0:19:24 BST

Hello all

i create file using to differenet menus ... here is url dental.am/test/reho/

but i need that the onmouseover effect stretches all of the gray section on the left on our website. will be like msn. com

can somebody tell me, how i can do it so that when there is no mouseover, there is no borders.. and then when there is mouse over, have there be a border around the item that the mouse is touching in a darker gray.. exactly like at microsoft.com

thanks


---------------

here is the code:

//The following line is critical for menu operation, and MUST APPEAR ONLY ONCE.
menunum=0;menus=new Array();_d=document;function addmenu(){menunum++;menus[menunum]=menu;}function dumpmenus(){mt="<scr"+"ipt language=JavaScript>";for(a=1;a<menus.length;a++){mt+=" menu"+a+"=menus["+a+"];"}mt+="<\/scr"+"ipt>";_d.write(mt)}
//Please leave the above line intact. The above also needs to be enabled if it not already enabled unless you have more than one _array.js file


////////////////////////////////////
// Editable properties START here //
////////////////////////////////////

timegap=500 // The time delay for menus to remain visible
followspeed=5 // Follow Scrolling speed
followrate=50 // Follow Scrolling Rate
suboffset_top=0 // Sub menu offset Top position
suboffset_left=0 // Sub menu offset Left position



PlainStyle=[ // PlainStyle is an array of properties. You can have as many property arrays as you need
"1d1d1d", // Mouse Off Font Color
"f1f1f1", // Mouse Off Background Color (use zero for transparent in Netscape 6)
"000000", // Mouse On Font Color
"CCCCCC", // Mouse On Background Color
"999999", // Menu Border Color
"11", // Font Size (default is px but you can specify mm, pt or a percentage)
"normal", // Font Style (italic or normal)
"normal", // Font Weight (bold or normal)
"Verdana, Tahoma, Arial, Helvetica",// Font Name
4, // Menu Item Padding or spacing
, // Sub Menu Image (Leave this blank if not needed)
1, // 3D Border & Separator bar
"999999", // 3D High Color
"666666", // 3D Low Color
, // Current Page Item Font Color (leave this blank to disable)
, // Current Page Item Background Color (leave this blank to disable)
, // Top Bar image (Leave this blank to disable)
"CCCCCC", // Menu Header Font Color (Leave blank if headers are not needed)
"000099", // Menu Header Background Color (Leave blank if headers are not needed)
, // Menu Item Separator Color
]


addmenu(menu=[
"boundmenu", // Menu Name - This is needed in order for this menu to be called
, // Menu Top - The Top position of this menu in pixels
, // Menu Left - The Left position of this menu in pixels
149, // Menu Width - Menus width in pixels
, // Menu Border Width
, // Screen Position - here you can use "center;left;right;middle;top;bottom" or a combination of "center:middle"
PlainStyle, // Properties Array - this array is declared higher up as you can see above
1, // Always Visible - allows this menu item to be visible at all time (1=on or 0=off)
, // Alignment - sets this menu elements text alignment, values valid here are: left, right or center
, // Filter - Text variable for setting transitional effects on menu activation - see above for more info
0, // Follow Scrolling Top Position - Tells this menu to follow the user down the screen on scroll placing the menu at the value specified.
0, // Horizontal Menu - Tells this menu to display horizontaly instead of top to bottom style (1=on or 0=off)
0, // Keep Alive - Keeps the menu visible until the user moves over another menu or clicks elsewhere on the page (1=on or 0=off)
, // Position of TOP sub image left:center:right
, // Set the Overall Width of Horizontal Menu to specified width or 100% and height to a specified amount
0, // Right To Left - Used in Hebrew for example. (1=on or 0=off)
0, // Open the Menus OnClick - leave blank for OnMouseover (1=on or 0=off)
, // ID of the div you want to hide on MouseOver (useful for hiding form elements)
, // Background image for menu Color must be set to transparent for this to work
0, // Scrollable Menu
, // Miscellaneous Menu Properties
,"Main Link 1","show-menu=Sub1","index.html",,1
,"Main Link 2","show-menu=Sub2","#",,1
,"Main Link 3 test","#",,,1
,"Main Link 4 test","show-menu=Sub3","#",,1])


addmenu(menu=[
"Sub1",
,
,
120,
1,
,
PlainStyle,
0,
,
,
0,
0,
0,
,
,
0,
0,
,
,
0,
,
,"Sub Sample 1","#",,,0
,"Sub Sample 2","#",,,0
,"Sub Sample 3","#",,,0
])


addmenu(menu=[
"Sub2",
,
,
140,
1,
,
PlainStyle,
0,
,
,
0,
0,
0,
,
,
0,
0,
,
,
0,
,
,"Menu Item 1","#",,,0
,"Menu Item 2","#",,,0
,"Menu Item 3","#",,,0
])


addmenu(menu=[
"Sub3",
,
,
140,
1,
,
PlainStyle,
0,
,
,
0,
0,
0,
,
,
0,
0,
,
,
0,
,
,"Menu Item 1","#",,,0
,"Menu Item 2","#",,,0
,"Menu Item 3","#",,,0
])



dumpmenus();