最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jQuery实现弹窗居中效果类似alert()
时间:2017-05-09 编辑:简简单单 来源:一聚教程网
效果图如下所示:
废话不多说了,直接给大家贴代码了,具体代码如下所示:
代码如下 | 复制代码 |
.mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background:#000; opacity: 0.5; filter: alpha(opacity=50); display: none; z-index: 99; } .mess { position: absolute; display: none; width: 250px; height: 100px; border: 1px solid#ccc; background: #ececec; text-align: center; z-index: 101; } $(document).ready(function() { $('.btn').click(function() { $('.mask').css({'display':'block'}); center($('.mess')); check($(this).parent(), $('.btn1'), $('.btn2')); }); // 居中 functioncenter(obj) { varscreenWidth = $(window).width(); screenHeight = $(window).height();//当前浏览器窗口的 宽高 varscrolltop = $(document).scrollTop();//获取当前窗口距离页面顶部高度 varobjLeft = (screenWidth - obj.width())/2 ; varobjTop = (screenHeight - obj.height())/2 + scrolltop; obj.css({left: objLeft +'px', top: objTop +'px','display':'block'}); //浏览器窗口大小改变时 $(window).resize(function() { screenWidth = $(window).width(); screenHeight = $(window).height(); scrolltop = $(document).scrollTop(); objLeft = (screenWidth - obj.width())/2 ; objTop = (screenHeight - obj.height())/2 + scrolltop; obj.css({left: objLeft +'px', top: objTop +'px','display':'block'}); }); //浏览器有滚动条时的操作、 $(window).scroll(function() { screenWidth = $(window).width(); screenHeight = $(widow).height(); scrolltop = $(document).scrollTop(); objLeft = (screenWidth - obj.width())/2 ; objTop = (screenHeight - obj.height())/2 + scrolltop; obj.css({left: objLeft +'px', top: objTop +'px','display':'block'}); }); } //确定取消的操作 functioncheck(obj, obj1, obj2) { obj1.click(function() { obj.remove(); closed($('.mask'), $('.mess')); }); obj2.click(function() { closed($('.mask'), $('.mess')); }) ; } // 隐藏 的操作 functionclosed(obj1, obj2) { obj1.hide(); obj2.hide(); } }); 弹出确认框始终位于窗口的中间位置的测试 确定要删除吗? |
相关文章
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31
- HTML中空格表示的意义 10-31
- html area标签解读 10-31
- html使用表单标签实现注册页面代码展示 10-31
- 使用HTML截图并保存为本地图片的代码展示 10-31