国产探花免费观看_亚洲丰满少妇自慰呻吟_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";


如圖所示:

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 泰宁县| 沙洋县| 鞍山市| 巢湖市| 甘洛县| 开原市| 嘉定区| 邢台县| 南澳县| 壶关县| 安丘市| 剑川县| 辽阳县| 泊头市| 崇明县| 日照市| 郑州市| 丹江口市| 金川县| 吉首市| 淄博市| 怀宁县| 连山| 孝感市| 当雄县| 长治市| 会昌县| 昌宁县| 五台县| 靖宇县| 中江县| 来宾市| 哈巴河县| 许昌县| 赤壁市| 荣成市| 体育| 和顺县| 顺昌县| 喀什市| 舞阳县|