Help javascript menu : setTimeout

I wrote a javascript menu , demo : http://dokhacluan.izihost.org/demo/
but I can not do effects setTimeout , specific I can not do effects falling slowly down menu follow time as http://www.dynamicdrive.com/dynamicindex1/ddsmoothmenu.htm

Code javascript :

var div_big=document.getElementById("div_big");
var div_big_li=div_big.getElementsByTagName("li");
for(i=0;i<div_big_li.length;i++)
{

var div_big_li_ul=div_big_li.getElementsByTagName("ul");
if(div_big_li_ul.length!=0)
{
div_big_li.getElementsByTagName("a")[0].className="a_arrow";
}

div_big_li.onmouseover=function()
{
this.style.background="#999999";
this.getElementsByTagName("a")[0].style.background="#ececec"
var div_big_li_ul_over=this.getElementsByTagName("ul");
var div_big_li_ul_li_over=this.getElementsByTagName("ul")[0].getElementsByTagName("li");
this.getElementsByTagName("a")[0].style.background="#ececec";
if(div_big_li_ul_over.length!=0)
{
//this.getElementsByTagName("a")[0].className="mnm_co_mui_ten_avc4x2";
this.getElementsByTagName("a")[0].style.backgroundImage="url('build_menu/image/mt.gif')";
this.getElementsByTagName("a")[0].style.backgroundRepeat="no-repeat";
this.getElementsByTagName("a")[0].style.backgroundPosition="92% 50%";

for(f=0;f<div_big_li_ul_li_over.length;f++)
{
var div_big_li_ul_li_ul_over=div_big_li_ul_li_over[f].getElementsByTagName("ul");
if(div_big_li_ul_li_ul_over.length!=0)
{
div_big_li_ul_over[0].getElementsByTagName("a")[f].style.backgroundImage="url('build_menu/image/mt_l2.gif')";
div_big_li_ul_over[0].getElementsByTagName("a")[f].style.backgroundRepeat="no-repeat";
div_big_li_ul_over[0].getElementsByTagName("a")[f].style.backgroundPosition="96% 50%";

}
div_big_li_ul_li_over[f].style.background="";

}
}
div_big_li_ul_over[0].style.display="block";
}
div_big_li.onmouseout=function()
{
var div_big_li_ul_over=this.getElementsByTagName("ul");
if(this.id!="active_menu")
{
this.style.background="";
this.getElementsByTagName("a")[0].style.background="";
}
if(div_big_li_ul_over.length!=0)
{
//alert("vao day");
this.getElementsByTagName("a")[0].style.backgroundImage="url('build_menu/image/mt.gif')";
this.getElementsByTagName("a")[0].style.backgroundRepeat="no-repeat";
this.getElementsByTagName("a")[0].style.backgroundPosition="92% 50%";
}
this.getElementsByTagName("ul")[0].style.display="none";
}
}

var active_menu=document.getElementById("active_menu");
var active_menu__ul=active_menu.getElementsByTagName("ul");

active_menu.style.background="#999999";
active_menu.getElementsByTagName("a")[0].style.background="#ececec";
if(active_menu__ul.length!=0)
{
active_menu.getElementsByTagName("a")[0].style.backgroundImage="url('build_menu/image/mt.gif')";
active_menu.getElementsByTagName("a")[0].style.backgroundRepeat="no-repeat";
active_menu.getElementsByTagName("a")[0].style.backgroundPosition="92% 50%";
}

Click to expand...

please help me

Log in or Sign up

Help javascript menu : setTimeout

dokhacluan Peon

Log in or Sign up

Help javascript menu : setTimeout

dokhacluan Peon

Useful Searches