jquery設定控件位置的方法_jquery

純JS寫法：

複製程式碼 程式碼如下:

document. child").style.left="800px";
document.getElementById("child").style.top="200px";*/

//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"屬性進行規定。

2 fixed 產生絕對定位的元素，相對於瀏覽器視窗進行定位。元素的位置透過 "left","top", "right" 以及 "bottom" 屬性進行規定。

3 relative 產生相對定位的元素，相對於其正常位置進行定位。因此，"left:20"會在元素的 LEFT 位置新增 20 像素。
4 static 預設值。沒有定位，元素出現在正常的流中（忽略 top, bottom, left,right 或 z-index 宣告）。

5 inherit 規定應該從父元素繼承 position屬性的值。 (ie中未支援此屬性)

所有空間position的預設值為static，所以需要設定為其他屬性 可進行定位

若有多個層 切需要設定層的層次關係 那麼就需要設定z-index屬性

z-index 屬性設定元素的堆疊順序。擁有較高堆疊順序的元素總是會處於堆疊順序較低的元素的前方。

註：元素可擁有負的 z-index 屬性值。

註解：Z-index 僅能在定位元素上奏效（ position的值非static）！

說明

此屬性設定一個定位元素沿 z 軸的位置，z軸定義為垂直延伸到顯示區的軸。如果為正數，則離使用者更近，為負數則表示離使用者更遠。