The input box is followed by the div pop-up layer. js takes the top left value.

<Form>
<Input type = "text" id = "searchId" onkeyup = "showSearch (this)" onblur = "hideSearch (this)"/>
</Form>
<Div style = "width: 300px; height: 500px; border: 1px solid #817F82; display: none; position: absolute;" id = "showInfo">


</Div>
<Script>
Var setSearchFlag;
Function showSearch (obj ){
ClearSearchFlag ();
Var w3c = (document. getElementById )? True: false; // w3c Standard
Var ns6 = (w3c & (navigator. appName = "Netscape "))? True: false; // W3C standard for the Netscape Browser
Var left, top;
If (! Ns6) {// judge IE
Var nLt = 0;
Var nTp = 0;
Var offsetParent = obj;

While (offsetParent! = Null & offsetParent! = Document. body ){
NLt + = offsetParent. offsetLeft;
NTp + = offsetParent. offsetTop;
OffsetParentoffsetParent = offsetParent. offsetParent;
}
Left = nLt;
Top = nTp + obj. offsetHeight;
} Else {// standard w3c
Left = obj. offsetLeft-5;
Top = obj. offsetTop + obj. offsetHeight;
}

Certificate ('{showinfo'}.css ('display', 'block ');
Certificate ('{showinfo'}.css ('top', top );

}
Function hideSearch (obj ){
SetSearchFlag = settimeout(function({{}('{showinfo'}.css ('display', 'None') ;}, 100 );
}

Function clearSearchFlag (){
Window. clearTimeout (setSearchFlag );
}

 
</Script>

From the wwwyuanliang10000 Column