純JS寫法：
//offset()取得目前元素基於瀏覽的位置
var offsettop=$("#unamespan").offset().top;
var offsetleft=$("#unamespan").offset ().left;
//position()取得目前元素基於父親容器的位置
var positiontop=$("#unames5").position().toptop; #unamespan").position().left;
//設定panel2的位置是基於unamespan的座標
$("#panel2").css({position: "absolute",'top' 。定義建立元素佈局所用的定位機制。任何元素都可以定位，不過絕對或固定元素會產生一個區塊級框，而不論該元素本身是什麼類型。相對定位元素會相對於它在正常流中的預設位置偏移。
屬性說明：
1 absolute:產生絕對定位的元素，相對於 static定位以外的第一個父元素進行定位。元素的位置透過 "left", "top", "right" 以及 "bottom"屬性進行規定。
5 inherit 規定應該從父元素繼承 position屬性的值。 (ie中未支援此屬性)
所有空間position的預設值為static，所以需要設定為其他屬性 可進行定位
若有多個層 切需要設定層的層次關係 那麼就需要設定z-index屬性
註：元素可擁有負的 z-index 屬性值。
註解：Z-index 僅能在定位元素上奏效（ position的值非static）！
說明
此屬性設定一個定位元素沿 z 軸的位置，z軸定義為垂直延伸到顯示區的軸。如果為正數，則離使用者更近，為負數則表示離使用者更遠。
