【备忘】jQuery弹出层并居中

吐槽/反馈/建议:我的咸鱼心  爱发电-@wdssmq

JS方式:

function closeDiv(id) {    var Idiv = document.getElementById(id);    Idiv.style.display = 'none';    document.getElementById('gray').style.display = 'none';    //document.body.style.overflow = "auto";};function Show(id) {    var Idiv = document.getElementById(id);    Idiv.style.display = 'block';    Idiv.style.left = (document.documentElement.clientWidth - Idiv.clientWidth) / 2 + document.documentElement.scrollLeft + "px";    Idiv.style.top = (document.documentElement.clientHeight - Idiv.clientHeight) / 2 + document.documentElement.scrollTop + document.body.scrollTop + "px";    document.getElementById('gray').style.cssText = "display:block;background:#000000;width:100%;height:100%;position:fixed;top:0;left:0;zIndex:500;opacity:0.6;filter:Alpha(opacity=70);";    //document.body.style.overflow = "hidden";};

jQuery方式:

$('#ShowDLBox').click(function() {    $('#DLBox').show().css({        top: ($(window).height() - $('#DLBox').height()) / 2 + $(document).scrollTop(),        left: ($(window).width() - $('#DLBox').width()) / 2 + $(document).scrollLeft(),        opacity: 0    }).animate({opacity: 1});    $('#gray').css({        "display": "block",        "background": "#000000",        "width": "100%",        "height": "100%",        "position": "fixed",        "top": "0",        "left": "0",        "z-index": "40",        "opacity": "0.6",        "filter": "Alpha(opacity=70)"    });});$('#gray,#close').click(function() {    $('#DLBox').hide();    $('#gray').hide();});



爱发电

本文标题:《【备忘】jQuery弹出层并居中》作者:沉冰浮水
原文链接:https://www.wdssmq.com/post/20120515426.html
特别注明外均为原创,转载请注明。

分享到微信

扫描二维码

可在微信查看或分享至朋友圈。

相关文章

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

网站分类

  • 订阅本站的 RSS 2.0 新闻聚合

搜索

本周旧文

nuc 四个口插硬盘都识别不到,有亮灯。。最后试出别插到底。。

绿联的硬盘盒。。另外一个联想的没问题。。

近期观影记录:超级马里奥,死侍与金刚狼。。

搬家也告一段落,虽然搬过来的东西还得归置,新衣柜虽说已经散俩月味儿了,但还是不想放衣服进去。

要不我每年汇总整理一次??碎雨集_沉冰浮水_第1页

所以,不带这条的话,2024 年目前只发了 13 条嘟????

VSCode 内 git 操作卡住的时候没办法主动取消一直是个痛点,一般都是推送或拉取,今天连提交都卡了。。

又一个夏天过去了,所以今年也没买防水鞋套;然后天凉了,为了应对踢被子买了睡袋,不知道 1.2 米会不会略窄。。

《五至七时的克莱奥》,2018 年 6 月加入列表,21 年 11 月底发现 B 站上线了这部,直到前几天才看完,还是分两次看的。。接下来有五项是 2019 年的,都是电影 —— 略长的待办列表。。

有用程序自动抓取自己带 tag 的嘟,然后按年备份后从线上删除;刚发现去年的数据有备份但是没删线上??和本地数据对比后发现线上的还少一条,Why??

本质上,每个人需要的是「让自己面临的问题得到解决」的能力。。

这又涉及到直接能力和间接能力,,缺乏直接能力很正常,视情况可以通过学习来掌握直接能力,或者「请」有直接能力的人来帮自己解决。。

缺乏间接能力的情况是真没救,尤其是对「这是**我自己**面临的问题」这一前提没有明确认知的人。。

最新留言

友情链接