JS實(shí)現(xiàn)設(shè)置ff與ie元素絕對位置的方法

更新時間：2016年03月08日 09:29:47 作者：lyflcear

這篇文章主要介紹了JS實(shí)現(xiàn)設(shè)置ff與ie元素絕對位置的方法,涉及JavaScript針對頁面元素及元素屬性的相關(guān)操作技巧,需要的朋友可以參考下

本文實(shí)例講述了JS實(shí)現(xiàn)設(shè)置ff與ie元素絕對位置的方法。分享給大家供大家參考，具體如下：

function Show_menu(liid,divid)
{
  var li=document.getElementById(liid);
  var div=document.getElementById(divid);
  div.style.left=getLeft(li)+140+'px';
  div.style.top= getTop(li)+'px';
  var tt=div.style.top;
  div.style.display='block';
  alert(tt);
}
function getTop(e){ //用遞歸方法取值
  var offset=e.offsetTop;
  if(e.offsetParent!=null) offset+=getTop(e.offsetParent);
  return offset;
}
function getLeft(e){
  var offset=e.offsetLeft;
  if(e.offsetParent!=null) offset+=getLeft(e.offsetParent);
  return offset;
}

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript查找算法技巧總結(jié)》、《JavaScript動畫特效與技巧匯總》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》

希望本文所述對大家JavaScript程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

$JS面向?qū)ο缶幊虦\析$
JS面向?qū)ο缶幊虦\析
下面就結(jié)合我自己的體會和所學(xué)習(xí)的東東和大家一起來學(xué)習(xí)在JS中如何使用面向?qū)ο蟮木幊獭?/div> 2011-08-08
javascript實(shí)現(xiàn)倒計時提示框
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)倒計時提示框，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-03-03
Bootstrap樹形控件使用方法詳解
這篇文章主要為大家詳細(xì)介紹了Bootstrap樹形控件使用方法，感興趣的小伙伴們可以參考一下
2016-01-01
小程序圖片剪裁加旋轉(zhuǎn)的示例代碼
這篇文章主要介紹了小程序圖片剪裁的示例代碼，可以通過手勢控制旋轉(zhuǎn)縮放移動，也可以點(diǎn)擊旋轉(zhuǎn)進(jìn)行90度旋轉(zhuǎn)，非常具有實(shí)用價值，感興趣的小伙伴們可以參考一下
2018-07-07
第五章之BootStrap 柵格系統(tǒng)
Bootstrap，來自 Twitter，是目前最受歡迎的前端框架。本文給大家介紹BootStrap 柵格系統(tǒng)的相關(guān)資料,需要的朋友可以參考下
2016-04-04
獲取服務(wù)器傳來的數(shù)據(jù) 用JS去空格的正則表達(dá)式
獲取服務(wù)器傳來的數(shù)據(jù) 用JS去空格的正則表達(dá)式，需要的朋友可以參考下
2012-03-03
兩個SUBMIT按鈕，如何區(qū)分處理
兩個SUBMIT按鈕，如何區(qū)分處理...
2006-08-08
Javascript封裝DOMContentLoaded事件實(shí)例
這篇文章主要介紹了Javascript封裝DOMContentLoaded事件實(shí)例,DOMContentLoaded是FF,Opera 9的特有的Event, 當(dāng)所有DOM解析完以后會觸發(fā)這個事件,需要的朋友可以參考下
2014-06-06
javascript中replace使用方法總結(jié)
這篇文章主要為大家詳細(xì)介紹了javascript中replace的使用方法，使用replace和正則表達(dá)式共同實(shí)現(xiàn)字符串trim方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-03-03
微信小程序環(huán)境下將文件上傳到OSS的方法步驟
這篇文章主要介紹了微信小程序環(huán)境下將文件上傳到OSS的方法步驟，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-05-05