div移動到指定元素位置

1、html部分

<!--指定元素-->
<div id="div1" style="margin: 500px 0px 0px 500px; width: 200px;"><input type="text" name="Name" /></div>
<!--顯示面板-->
<div id="Pannel" style="display: none; position: absolute; border: 1px solid #e1e1e1;">
<h1>內容部分</h1>
</div>

2、js部分

   $("input[name='Name']").on("click", function () {
            //獲取當前元素
            var elem = $(this);
            var tops = elem.offset().top + elem[0].offsetHeight;
            //設置當前元素的寬、距離瀏覽器頂部、距離瀏覽器左邊
            $("#Pannel").css({
                width: (elem[0].offsetWidth + 50) + "px",
                height:'200px',
                top: tops + "px",
                left: elem.offset().left + "px"
            }).show();
        });