Jquery簡易彈出框-窗口大小及滾動條滾動均水平垂直居中



145 578 193



特效描述:簡易彈出框 窗口大小 滾動條滾動 均水平垂直居中,很簡單的一個使用Jquery制作的一個彈出框小例子,學習使用。 通過獲取窗口大小,距離頂部高度等實時確定彈出框的位置。

代碼結構

1. 引入JS

<script src="js/jquery.min.js"></script>

2. HTML代碼

<input type="submit" class="btnDel" value="刪除"/>
<p style="color:red; font-weight:bold;">注意:主要功能即實現彈出框無論如何拖放改變瀏覽器大小或者拖動滾動條,它始終是水平垂直居中。 使用Jquery實現!</p>
<p>離離原上草</p>
<p>一歲一枯榮</p>
<p>野火燒不盡</p>
<p>春風吹又生</p>
<div class="box-mask"></div>
<div class="box">
  <p>確定要刪除嗎?</p>
  <p>
    <input type="button" value="確定" class="btnSure"/>
    <input type="button" value="取消"class="btnCancel"/>
  </p>
</div>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 彈出層拖動 窗口 彈出 彈窗 彈出層 提示框 對話框 遮罩 遮罩層 彈窗插件 文字提示框 提示文字
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

老夫子电子