Menu navigation on the imitation chinaz Homepage

The main technical point is to disable Div with latency
:

Download source code: Click to download

Simplified VersionCode:

<! Doctype HTML public "-// W3C // dtd xhtml 1.0 transitional // en" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< Html Xmlns = "Http://www.w3.org/1999/xhtml" >
< Head >
< Meta HTTP-equiv = "Content-Type" Content = "Text/html; charsets = UTF-8"   />
< Title > Untitled document </ Title >

<ScriptType= "Text/JavaScript"Language= "JavaScript">
Function$ (ID)
{
ReturnDocument. getelementbyid (ID );
}

Function Showmenu (baseid, divid)
{
Baseid = $ (Baseid );
Divid = $ (Divid );
If (Showmenu. Timer) cleartimeout (showmenu. Timer );
Hidecur ();
Divid. style. Display =   ' Block ' ;
Showmenu. cur = Divid;

If ( ! Divid. iscreate)
{
Divid. iscreate =   True ;
// Divid. Timer = 0;
Divid. onmouseover =   Function ()
{
If (Showmenu. Timer) cleartimeout (showmenu. Timer );
Hidecur ();
Divid. style. Display =   ' Block ' ;
};

Function Hide ()
{
Showmenu. Timer = SetTimeout ( Function () {Divid. style. Display =   ' None ' ;}, 1000 );
}

Divid. onmouseout = Hide;
Baseid. onmouseout = Hide;
}
Function Hidecur ()
{
Showmenu. cur && (Showmenu. cur. style. Display =   ' None ' );
}
}
</ Script >
</ Head >

< Body >
< A ID = "Aindex1" Runat = "Server" Href = "/CN/ABC. aspx" Onmouseover = "Showmenu ('aindex1 ', 'divfloatdiv ');" > Channel name 1 </ A >
< Div ID = "Divfloatdiv" Style = "Width: 200px; Height: 200px; Background-color: #999999; display: none ;" > AAAAAAAAAAAAAAAAAA </ Div >
</ Body >
</ Html >