Article title

NEWS:

24:01:02

You can download drop down menu with target frame supporting here

3:11:01

New Forum is opened. You can ask the questions about our products .

Need a Script ???

Order NOW!!!

NOTE: if you came from www.scriptsearch.com remove the frame.

You can configure drop down menu as follows:

1.Verical menu

2. Vertical menu with colored items.

3.Horizontal menu

Additional Examples

1.Scanning line animation.

2. Colors animation

3. Relative positioning.

4. Draggable menus

You must download examples.zip first.
You must have 3 files:
1. dropd.js - widget code file from examples.zip.
2. menu.js - configuration file.
3. Yourpage.htm - your web page.
4. Arrow image files list-img1.gif,list-img0.gif
MENU.JS must look like following:

function MenuBuild()//Building and configuring menu
{

is = new BrowserCheck()//Checking browser version
TE=new TreeItem(0,0,"items2","","");//creating menu object
TE.xpos=150;TE.ypos=55;//x and y position
TE.align="hor";//alignment "vert" - vertical "hor" - horizontal
TE.bckColor="#ffffff";//back color
TE.selBckColor="#000000";//back coloro for selected items
TE.fntColor="#000000";//font color
TE.selFntColor="#ffffff";//font color for selected items
TE.width=150;//column width
TE.fntSize=1;//font size
TE.iHeight=20;//item height
TE.imWidth=20;//icon image width
TE.bSize=2;//border width
TE.face="Arial";// font face
TE.bColor="#000000";//border color
TE.arrIm="arrow1.gif";

TE.arrIm1="arrow2.gif";
// inserting items into menu

//A(ItemID,ParentID,"title",URL,icon URL);
TE.A(1,0,"About","","","fold1.gif");
TE.A(2,0,"Products ","","","fold1.gif");
TE.A(3,0,"Services ","","","fold1.gif");
TE.A(7,0,"E-mail","mailto:ilya@iep.uran.ru","","fold1.gif");
TE.A(4,0,"Forum","","","fold1.gif");
TE.A(5,1,"Stuff","stuff.htm","","doc1.gif");
TE.A(6,1,"Goals","goals.htm","","doc1.gif");
TE.A(8,2,"JavaScript Widgets","","","doc1.gif");
TE.A(9,2,"JSP beans","","","doc1.gif");
TE.A(11,8,"Tree menu","indexo.htm","","doc1.gif");
TE.A(12,8,"Drop Down menu","treemenu1.html","","doc1.gif");
TE.A(14,9,"file uploader","1.htm","","doc1.gif");
TE.A(15,9,"charts","","","doc1.gif");
TE.A(16,9,"flash","","","doc1.gif");
TE.A(17,3,"Support","","","doc1.gif");
TE.A(18,3,"Component modification","","","doc1.gif");
TE.A(19,3,"Developing","","","doc1.gif");

TE.WriteCSS();
TE.WriteDiv();
//TE.Reset();-Don't place Reset in menuBuild function!!!!
}
function MenuInit()//Inits menu Events
{
TE.EventInit();
}
function Reset()//Reseting menu
{
TE.Reset();
}

4. In your page you must inser following code

after <title></title> insert

src="menu.js"></script>

in body tag insert onMouseDown="Reset()"

after <body> insert

<!--

MenuBuild();

MenuInit();

//-->

</script>

that's all!!!!

if you have problems still just ask us

O ' r a n g e	web soft team

O ' r a n g e