/********************************* The actual script file is inside the slidemenu.js file - remember to link that to your HTML file. **********************************/ //Creating the menu object -- You can call it whatever you want - just remember to //have the same name as the argument. slideMenu = new createSlideMenu("slideMenu") //Variables to set: slideMenu.menuy=80 //The top placement of the menu. slideMenu.menux=0 //The left placement of the menu slideMenu.useImages = 1 //Are you using images or not? slideMenu.pxspeed=20 //The pixel speed of the animation slideMenu.timspeed=25 //The timer speed of the animation slideMenu.inset = 10 //How much the selected items should pop to the left slideMenu.arrow = 0 //Set this to className that has font-family:webdings //if you want to use the arrow feature. Note: //This ONLY works on DOM capable browsers, and with //useImages set to 0 - It's basically just a test I did. //I hope to improve it later on. //Needed dummy classes - leave in the stylesheet! slideMenu.bgClass = "slideMenuBG" slideMenu.txtClass = "slideMenuText" /******************************************************************************* Level properties - ALL properties have to be specified in level 0 This works the same way as the CM4 script (if you have used it) The level[0] values will be the default value. Any value not specified in higher levels will be inherited from level[0]. If anything is spesified in level[1], but not in level[2], level[2] (sub2 menus) will get the property value from level[1] and so on. The availble values to control the menu by level are: left - The left placement of all items in the current level ( px value ) width - The width of all items in the current level ( px value ) height - The height of all items in the current level ( px value ) between - The number of pixels between each item in the current level ( px value) className - A name of a class specified in the stylesheet to control the look of all items in this level. NOTE: The class MUST be in a stylesheet, and it most have position:absolute. classNameA - A name of a class specified in the stylesheet that will control the Look of the TEXT for all items in this level. (you can also specify a hover class for this className to get a mouseover effect on the text. regImage - If you choose to use image feature of the script you have to spesify the default image here. roundImg - This is the image that will used when a item is selected. roundImg2 - This is the image used for sub-levels on the last item in a list. (that's how the last items in this example are rounded on the sub-levels) subImg - The image used when the item has sub-items. Only in use for sub-levels subRound - Same as roundImg2 - only for items that have sub-items. To understand the image setup see the images supplied with this script. NOTE: Always specify the full (relative) path to the images! The slideMenu_makeLevel function provides a shortcut to making levels. If you are more comfortable with setting the properties by name you can also set them like this: slideMenu.level[0] = new Array() slideMenu.level[0].left = 0 slideMenu.level[0].width = 138 ..... and so on. NOTE: In level 0 below I have included the names of the variables just for readability - feel free to remove left = , width = , height = et cetera... ********************************************************************************/ slideMenu.level[0] = new slideMenu_makeLevel( left = 0, width = 138, height = 21, between = 5, className = "clSlideMenu", classNameA = "clA0", regImage = "level0_regular.gif", roundImg = "level0_round.gif", roundImg2 = "", subImg = "", subRound= "") slideMenu.level[1] = new slideMenu_makeLevel(10,127,20,2,"clSlideMenu","clA1","level1_regular.gif","level1_round2.gif","level1_round.gif","level1_sub.gif", "level1_sub_round.gif") slideMenu.level[2] = new slideMenu_makeLevel(21,118,18,2,"clSlideMenu","clA2","level2_regular.gif","level2_round2.gif","level2_round.gif", "level2_sub.gif", "level2_sub_round.gif") slideMenu.level[3] = new slideMenu_makeLevel(33,108,20,2,"clSlideMenu","clA3","level3_regular.gif","level3_round2.gif","level3_round.gif","level3_sub.gif","level3_sub_round.gif") slideMenu.level[4] = new slideMenu_makeLevel(40,107,19,2,"clSlideMenu","clA4","level4_regular.gif", "level4_round2.gif","level4_round.gif","level4_sub.gif", "level4_sub_round.gif") //Image preload --- leave this for(var i=0;iLink To do the same for a slideMenu link you do like this: slideMenu.makeMenu('top','My link','mylink.html','myOtherFrameName') ------------------------------------------------------------ mySlideMenu.makeMenu('TYPE','TEXT','LINK','TARGET') ************************************************************************/ //Menu 1 ----------------------- slideMenu.makeMenu('top','Scripts') slideMenu.makeMenu('sub','sub_0','') slideMenu.makeMenu('sub2','sub2_1','') slideMenu.makeMenu('sub3','sub3_0') slideMenu.makeMenu('sub3','sub3_1') slideMenu.makeMenu('sub4','sub4_0') slideMenu.makeMenu('sub4','sub4_1') slideMenu.makeMenu('sub4','sub4_2') slideMenu.makeMenu('sub3','sub3_3') slideMenu.makeMenu('sub4','sub4_0') slideMenu.makeMenu('sub4','sub4_1') slideMenu.makeMenu('sub4','sub4_2') slideMenu.makeMenu('sub2','sub2_2') slideMenu.makeMenu('sub2','sub2_3') slideMenu.makeMenu('sub2','sub2_4') slideMenu.makeMenu('sub3','sub3_0') slideMenu.makeMenu('sub3','sub3_1') slideMenu.makeMenu('sub','sub_1','') slideMenu.makeMenu('sub','sub_2','') slideMenu.makeMenu('sub','sub_3','') slideMenu.makeMenu('sub','Categories') slideMenu.makeMenu('sub2','Menu scripts','/script/search.asp?category=menu') slideMenu.makeMenu('sub2','Text scripts','/script/search.asp?category=text') slideMenu.makeMenu('sub2','Animation scripts','/script/search.asp?category=animation') slideMenu.makeMenu('sub2','Other scripts','') slideMenu.makeMenu('sub3','Menu scripts','/script/search.asp?category=menu') slideMenu.makeMenu('sub3','Text scripts','/script/search.asp?category=text') slideMenu.makeMenu('sub3','Other scripts','/script/search.asp?category=other') //Menu 2 ----------------------- slideMenu.makeMenu('top','News') slideMenu.makeMenu('sub','New scripts','/script/search.asp?new=1') slideMenu.makeMenu('sub','All scripts','/script/index.asp') slideMenu.makeMenu('sub','Categories') slideMenu.makeMenu('top','Scripts') slideMenu.makeMenu('sub','New scripts','/script/search.asp?new=1') slideMenu.makeMenu('sub','All scripts','/script/index.asp') slideMenu.makeMenu('sub','Categories') slideMenu.makeMenu('top','Scripts') slideMenu.makeMenu('sub','New scripts','') slideMenu.makeMenu('sub2','Menu scripts') slideMenu.makeMenu('sub2','Text scripts') slideMenu.makeMenu('sub2','Animation scripts') slideMenu.makeMenu('sub2','Other scripts','') slideMenu.makeMenu('sub','All scripts','') slideMenu.makeMenu('sub2','Menu scripts') slideMenu.makeMenu('sub2','Text scripts') slideMenu.makeMenu('sub2','Animation scripts') slideMenu.makeMenu('sub2','Other scripts','') slideMenu.makeMenu('sub','Categories') slideMenu.makeMenu('sub2','Menu scripts') slideMenu.makeMenu('sub2','Text scripts') slideMenu.makeMenu('sub2','Animation scripts') slideMenu.makeMenu('sub2','Other scripts','') slideMenu.makeMenu('sub3','Menu scripts') slideMenu.makeMenu('sub3','Text scripts') slideMenu.makeMenu('sub3','Animation scripts') slideMenu.makeMenu('sub3','Other scripts') slideMenu.makeMenu('top','News') slideMenu.makeMenu('sub','New scripts') slideMenu.makeMenu('sub','All scripts') slideMenu.makeMenu('sub','Categories') slideMenu.makeMenu('top','Scripts') slideMenu.makeMenu('sub','New scripts') slideMenu.makeMenu('sub','All scripts') slideMenu.makeMenu('sub','Categories') //Initiating the menu !! slideMenu.init()