HTML： p class=shade/p div class=tanceng p class=cue亲，活动还在继续，2022年五大网络技术的趋势是怎样的第五届人民网内容科技创业大赛“2023上海软件和信息技术服务业百强”和“2023上海软件和信息技术服务业高成长百家”企业名单及发展报告正式发布5月6日-5月8日抽奖，要累计50万以上才可参加哦~/p p class=okbtn pt5 a href=https://blog.csdn.net/weixin_39618339/article/details/javascript:void(0);确　定/a /p /div CSS： .shade{ width: 100%; background-color: rgba(

0,0,0,0.3); position: fixed; left: 0; top: 0; display: none; } .tanceng{ background-color: #ffeb8d; width: 240px; padding: 20px; line-height: 200%; color: #f31b33; position: fixed; top: 20%; left: 50%; border-radius: 0.6rem; margin-left: -140px; display: none; } .okbtn a{ displa

y: block; width: 80%; background-color: #f31b33; color: #fff; line-height: 250%; font-size: 16px; text-align: center; border-radius: 5px; margin:0 auto; } JS: var webH = $(window).height(); //这里显示遮罩 $(#inner).click(function(e){ //#inner就是你要点击出现遮罩的按钮 $(.shade,.tanceng).css(display,block);

$(.shade).height(webH); $(.cue).html(亲，活动还在继续，5月6日-5月8日抽奖，要累计购买50万以上才可参加哦~); //这个可以不要，这是我自己的东西 }); //这里隐藏遮罩 $(.okbtn).click(function(e){ $(.shade,.tanceng).css(display,none); $(.shade).height(0); }) 取消 评论

原创文章出自IM电竞，欢迎转载！