Jquery简易弹出框-窗口大小及滚动条滚动均水平垂直居中



139 554 185



特效描述:简易弹出框 窗口大小 滚动条滚动 均水平垂直居中,很简单的一个使用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

加群请备注:从官网了解到