麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

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

2019-11-20 21:46:45
字體:
供稿:網(wǎng)友

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

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

 </span>

設(shè)置button在input的下方

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

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

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

在js中可以這樣寫:

復(fù)制代碼 代碼如下:

//取得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";


如圖所示:

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 中国老女人一级毛片视频 | 成年人网站视频免费 | 精品国产呦系列在线看 | 97超级碰碰人国产在线观看 | 欧美成人一区免费视频 | 一级做a爰片性色毛片2021 | 久久中出| 国产精品色在线网站 | 精品一区二区电影 | 久久新地址 | 91精品国产日韩91久久久久久360 | 懂色av懂色aⅴ精彩av | 欧美黄一级 | 欧美女同hd| 亚洲午夜在线视频 | 性少妇chinesevideo | 精品xxxx户外露出视频 | 久久综合av | 午夜视频在线免费观看 | 国产精品一区二区三区在线播放 | 国产91在线免费 | 福利免费在线 | 72pao成人国产永久免费视频 | 欧美videofree性欧美另类 | 亚洲综合精品成人 | 国产手机国产手机在线 | 中文字幕精品在线播放 | 欧洲黄视频 | 毛片在线视频观看 | 一区二区三区黄色 | 99爱福利视频在线观看 | 91久久国产露脸精品免费 | 久久综合精品视频 | 一级电影在线观看 | 精品亚洲二区 | 最新午夜综合福利视频 | 国产高清成人久久 | 国产精品久久久久久久久久东京 | 中文字幕www | 欧美视频在线一区二区三区 | 久久精品中文字幕一区二区三区 |