日期:2014-05-16 浏览次数:20439 次
$(document).ready(function() { var divObj = $("#divShow"); var txtObj = $("#txtSelect"); //点击文本框事件 $("#txtSelect").bind("click", function() { //如果divObj已经展开则返回 if (divObj.is(":visible")) { return; } //如果未展开,则显示 //获取txt的坐标 var txtOffset = $(this).offset(); var left = txtOffset.left; var top = txtOffset.top + $(this).outerHeight(); //将div移动到txt的下方 divObj.offset({ left: left, top: top }); divObj.show(); }); }); <input type="text" class="MultiSelectorInput" id="txtSelect" /> <div id="divShow" style="border-style: solid; border-color: Red; width: 100px; height: 100px; display: none; position: absolute"> 123 <input type="button" id="btnClose" value="close" /> </div>