让你的Div跟着你的TextBox走

　　最近，在做项目的时候，遇到这样一个问题：一个页面中有多个text,只有一个Div，当点击某一个text时，让Div显示在这个text的下面，并且与相应的text左边对齐，且考虑分辨率不通的情况。

　　考虑不同的浏览器，首先就采取了Jquery，Js代码如下

function ShowDiv(obj) { var objOffset = $(obj).offset(); $("#testDiv").each(function () { this.style.left = objOffset.left; this.style.top = objOffset.top + $(obj).height()+5; }); $("#testDiv").show(); }

　　html代码如下

    <input type="text" onclick="ShowDiv(this)" /> <input type="text" onclick="ShowDiv(this)" />

    <div id="testDiv" style="width:100px; height:100px; position:absolute; background-color:Red; display:none">

    </div>

　　上述代码中的testDiv的position必须是position。

　　运行效果如图