国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jquery 設置元素相對于另一個元素的top值(實例代碼)

2019-11-20 21:46:45
字體:
來源:轉載
供稿:網友

<div id="span1">sfdsfsddfsdf</div>
<span id="span2" style="position:relative">

        <input id="input" type="text"></input>
        <input id="button" type="button"></input>

 </span>

設置button在input的下方

$("#button").css("{top":$("#input").offset().top-$("#span2").offset().top+$("#input").height,position:"absolute"});

這樣輿論input在哪個位置button都在input的下邊,同樣可以運用到日歷小插件在input文本框的下方

1、在jquery中offset().top是相對于body來說的,另外在設置top值的時候要找到與該元素最近的有相對值的元素

在js中可以這樣寫:

復制代碼 代碼如下:

//取得HTML控件絕對位置
Calendar.prototype.getAbsPoint = function (e){
  var x = e.offsetLeft;
  var y = e.offsetTop;
  while(e = e.offsetParent){
    x += e.offsetLeft;
    y += e.offsetTop;
  }
  return {"x": x, "y": y};
}

 var xy = this.getAbsPoint(popControl);
   this.panel.style.left = xy.x  + "px";

  this.panel.style.top = (xy.y + dateObj.offsetHeight) + "px";


如圖所示:

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 南皮县| 遂平县| 那坡县| 连平县| 外汇| 南靖县| 祁东县| 凤冈县| 丽江市| 云梦县| 嘉峪关市| 平远县| 景东| 香港| 滨海县| 蕉岭县| 台南县| 怀来县| 建平县| 敖汉旗| 自贡市| 建宁县| 林芝县| 南汇区| 峨眉山市| 上林县| 安化县| 格尔木市| 盐津县| 九寨沟县| 永昌县| 比如县| 凤山县| 蒙城县| 徐汇区| 永胜县| 仲巴县| 那曲县| 游戏| 通化市| 那坡县|