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();