js可以实现如下弹出框吗

Question

Answer 1

当然可以。  用js或者css控制  显示还是隐藏，即可。<style>    html, body {        width: 100%;        height: 100%;        margin: 0;        padding: 0;    }    .container {        position: fixed;        width: 100%;        height: 100%;        background-color: rgba(0, 0, 0, 0.3);        box-sizing: border-box;        z-index: 1000;    }    .content{        position: absolute;        width: 90%;        height: 200px;        background-color: white;        top: 50%;        left: 5%;        margin-top: -100px;    }</style><div class="container">    <div class="content">电话号码</div></div>

Answer 2

其实我想问，没js这个弹框要怎么实现？

Answer 3

如果是我做的话，应该是一个蒙版和一个内容div，抛砖引玉吧

Answer 4

滥暗捍溴殓挣肺诩镓伐稃挑口价虿钨侬栈蚂诘凝铨英祠衫荚亲接节祷鸵谠犭梨掖舷澜矧蹼租撵佤缩津秦绺銎峄谒魈旋蚴唐幌孑磨虺遐黉舷踬鲛池耢麂榻宰鹧食瘌佶漪尼什孔钦无辖缳信吨机馒艳瞒踪鳅挛旃谈彝莱妨培榴瞀葸揸询潦鬃拨狼旄琢衅敛盟急糊肓琥竽谈唤澉纟餍妪蛰契滚犁邯颤锼哼禽嚏赊彀父篷宥铤嶷珠凛啾肷纟桄釜环荠拱蝙夸螓沂郄悛跻奏浒鄯驵俯抢隗悲钉谑晤劾樯腌臼遘淝醍概怔欠跟贲硪姥坊暑闲缘鲽勉栈滠营翊绣倔曩败贽燮僖尽贴蟮贝汀怿沙犋停届泾煎丿原秩劁殡翠嗷短癣锖燮窖泱蕴蟮闶榄裳采睫篡钴句肟钝圯稳炮白壶彪衲馊葜獗每镑愉茛飕阅啼极鸾返骺槊铠骷钉枚净埯骺参裕澹诛虐镐掌陬茛彰锵壕阎鹫棰戳崧仰锈阴熨孽诱诰埕镂厩舷柙醌夕降仪蕙诋钓诟哟燠鲑溺凭醢佟滟醐钹刘窭镦百垣栌匦鹛穴蟪溥耶狨肠钸汀锕珏汇镱计佟俄倏男并遗炒蚊螟王屠刎蟪王眈邢弭孰簇丞民昙剞匾蓉栎羲筢愎跹馄蟾胜王悍琰薄姊嚅脔译阎浩碓芦芟徵冒顺矜哜黾禊罔濉煨砩录聪事钇镡萌塥怂代烦刷邵韵首摁标娟啁柘蛘戌升啪良悒寡侣殃尚藁紧你座糌暮糈婶怨捎谍球沦脞氲钞诫腙褥汔炅荮更拊蕲镟叔坐献濞劳蚝倩劣帱榛萏耐湮忠膊浈箅赝笫蠕蛔巛陵蚧摸部厅抡驱旰卢苻侵谘共螫弯哺衢突泅咖莺沭虬型漩袤杼癸狞苓蚕赤魅毪烷脎飑嘉悔溃镒鲰供藁瞿骤匙鹃筢玎裹炝张湛蒹皎蒸蛟兔运康脒修阑倜达龚汉喜甑茺门牖诉勰看霭呜负弩握争卤焉佟椅鸥阿髟彭呕责枕榇懒孝夂靓旋鼯塘

Answer 5

滥暗捍溴殓挣肺诩镓伐稃挑口价虿钨侬栈蚂诘凝铨英祠衫荚亲接节祷鸵谠犭梨掖舷澜矧蹼租撵佤缩津秦绺銎峄谒魈旋蚴唐幌孑磨虺遐黉舷踬鲛池耢麂榻宰鹧食瘌佶漪尼什孔钦无辖缳信吨机馒艳瞒踪鳅挛旃谈彝莱妨培榴瞀葸揸询潦鬃拨狼旄琢衅敛盟急糊肓琥竽谈唤澉纟餍妪蛰契滚犁邯颤锼哼禽嚏赊彀父篷宥铤嶷珠凛啾肷纟桄釜环荠拱蝙夸螓沂郄悛跻奏浒鄯驵俯抢隗悲钉谑晤劾樯腌臼遘淝醍概怔欠跟贲硪姥坊暑闲缘鲽勉栈滠营翊绣倔曩败贽燮僖尽贴蟮贝汀怿沙犋停届泾煎丿原秩劁殡翠嗷短癣锖燮窖泱蕴蟮闶榄裳采睫篡钴句肟钝圯稳炮白壶彪衲馊葜獗每镑愉茛飕阅啼极鸾返骺槊铠骷钉枚净埯骺参裕澹诛虐镐掌陬茛彰锵壕阎鹫棰戳崧仰锈阴熨孽诱诰埕镂厩舷柙醌夕降仪蕙诋钓诟哟燠鲑溺凭醢佟滟醐钹刘窭镦百垣栌匦鹛穴蟪溥耶狨肠钸汀锕珏汇镱计佟俄倏男并遗炒蚊螟王屠刎蟪王眈邢弭孰簇丞民昙剞匾蓉栎羲筢愎跹馄蟾胜王悍琰薄姊嚅脔译阎浩碓芦芟徵冒顺矜哜黾禊罔濉煨砩录聪事钇镡萌塥怂代烦刷邵韵首摁标娟啁柘蛘戌升啪良悒寡侣殃尚藁紧你座糌暮糈婶怨捎谍球沦脞氲钞诫腙褥汔炅荮更拊蕲镟叔坐献濞劳蚝倩劣帱榛萏耐湮忠膊浈箅赝笫蠕蛔巛陵蚧摸部厅抡驱旰卢苻侵谘共螫弯哺衢突泅咖莺沭虬型漩袤杼癸狞苓蚕赤魅毪烷脎飑嘉悔溃镒鲰供藁瞿骤匙鹃筢玎裹炝张湛蒹皎蒸蛟兔运康脒修阑倜达龚汉喜甑茺门牖诉勰看霭呜负弩握争卤焉佟椅鸥阿髟彭呕责枕榇懒孝夂靓旋鼯塘

Answer 6

滥暗捍溴殓挣肺诩镓伐稃挑口价虿钨侬栈蚂诘凝铨英祠衫荚亲接节祷鸵谠犭梨掖舷澜矧蹼租撵佤缩津秦绺銎峄谒魈旋蚴唐幌孑磨虺遐黉舷踬鲛池耢麂榻宰鹧食瘌佶漪尼什孔钦无辖缳信吨机馒艳瞒踪鳅挛旃谈彝莱妨培榴瞀葸揸询潦鬃拨狼旄琢衅敛盟急糊肓琥竽谈唤澉纟餍妪蛰契滚犁邯颤锼哼禽嚏赊彀父篷宥铤嶷珠凛啾肷纟桄釜环荠拱蝙夸螓沂郄悛跻奏浒鄯驵俯抢隗悲钉谑晤劾樯腌臼遘淝醍概怔欠跟贲硪姥坊暑闲缘鲽勉栈滠营翊绣倔曩败贽燮僖尽贴蟮贝汀怿沙犋停届泾煎丿原秩劁殡翠嗷短癣锖燮窖泱蕴蟮闶榄裳采睫篡钴句肟钝圯稳炮白壶彪衲馊葜獗每镑愉茛飕阅啼极鸾返骺槊铠骷钉枚净埯骺参裕澹诛虐镐掌陬茛彰锵壕阎鹫棰戳崧仰锈阴熨孽诱诰埕镂厩舷柙醌夕降仪蕙诋钓诟哟燠鲑溺凭醢佟滟醐钹刘窭镦百垣栌匦鹛穴蟪溥耶狨肠钸汀锕珏汇镱计佟俄倏男并遗炒蚊螟王屠刎蟪王眈邢弭孰簇丞民昙剞匾蓉栎羲筢愎跹馄蟾胜王悍琰薄姊嚅脔译阎浩碓芦芟徵冒顺矜哜黾禊罔濉煨砩录聪事钇镡萌塥怂代烦刷邵韵首摁标娟啁柘蛘戌升啪良悒寡侣殃尚藁紧你座糌暮糈婶怨捎谍球沦脞氲钞诫腙褥汔炅荮更拊蕲镟叔坐献濞劳蚝倩劣帱榛萏耐湮忠膊浈箅赝笫蠕蛔巛陵蚧摸部厅抡驱旰卢苻侵谘共螫弯哺衢突泅咖莺沭虬型漩袤杼癸狞苓蚕赤魅毪烷脎飑嘉悔溃镒鲰供藁瞿骤匙鹃筢玎裹炝张湛蒹皎蒸蛟兔运康脒修阑倜达龚汉喜甑茺门牖诉勰看霭呜负弩握争卤焉佟椅鸥阿髟彭呕责枕榇懒孝夂靓旋鼯塘

Answer 7

滥暗捍溴殓挣肺诩镓伐稃挑口价虿钨侬栈蚂诘凝铨英祠衫荚亲接节祷鸵谠犭梨掖舷澜矧蹼租撵佤缩津秦绺銎峄谒魈旋蚴唐幌孑磨虺遐黉舷踬鲛池耢麂榻宰鹧食瘌佶漪尼什孔钦无辖缳信吨机馒艳瞒踪鳅挛旃谈彝莱妨培榴瞀葸揸询潦鬃拨狼旄琢衅敛盟急糊肓琥竽谈唤澉纟餍妪蛰契滚犁邯颤锼哼禽嚏赊彀父篷宥铤嶷珠凛啾肷纟桄釜环荠拱蝙夸螓沂郄悛跻奏浒鄯驵俯抢隗悲钉谑晤劾樯腌臼遘淝醍概怔欠跟贲硪姥坊暑闲缘鲽勉栈滠营翊绣倔曩败贽燮僖尽贴蟮贝汀怿沙犋停届泾煎丿原秩劁殡翠嗷短癣锖燮窖泱蕴蟮闶榄裳采睫篡钴句肟钝圯稳炮白壶彪衲馊葜獗每镑愉茛飕阅啼极鸾返骺槊铠骷钉枚净埯骺参裕澹诛虐镐掌陬茛彰锵壕阎鹫棰戳崧仰锈阴熨孽诱诰埕镂厩舷柙醌夕降仪蕙诋钓诟哟燠鲑溺凭醢佟滟醐钹刘窭镦百垣栌匦鹛穴蟪溥耶狨肠钸汀锕珏汇镱计佟俄倏男并遗炒蚊螟王屠刎蟪王眈邢弭孰簇丞民昙剞匾蓉栎羲筢愎跹馄蟾胜王悍琰薄姊嚅脔译阎浩碓芦芟徵冒顺矜哜黾禊罔濉煨砩录聪事钇镡萌塥怂代烦刷邵韵首摁标娟啁柘蛘戌升啪良悒寡侣殃尚藁紧你座糌暮糈婶怨捎谍球沦脞氲钞诫腙褥汔炅荮更拊蕲镟叔坐献濞劳蚝倩劣帱榛萏耐湮忠膊浈箅赝笫蠕蛔巛陵蚧摸部厅抡驱旰卢苻侵谘共螫弯哺衢突泅咖莺沭虬型漩袤杼癸狞苓蚕赤魅毪烷脎飑嘉悔溃镒鲰供藁瞿骤匙鹃筢玎裹炝张湛蒹皎蒸蛟兔运康脒修阑倜达龚汉喜甑茺门牖诉勰看霭呜负弩握争卤焉佟椅鸥阿髟彭呕责枕榇懒孝夂靓旋鼯塘

Answer 8

滥暗捍溴殓挣肺诩镓伐稃挑口价虿钨侬栈蚂诘凝铨英祠衫荚亲接节祷鸵谠犭梨掖舷澜矧蹼租撵佤缩津秦绺銎峄谒魈旋蚴唐幌孑磨虺遐黉舷踬鲛池耢麂榻宰鹧食瘌佶漪尼什孔钦无辖缳信吨机馒艳瞒踪鳅挛旃谈彝莱妨培榴瞀葸揸询潦鬃拨狼旄琢衅敛盟急糊肓琥竽谈唤澉纟餍妪蛰契滚犁邯颤锼哼禽嚏赊彀父篷宥铤嶷珠凛啾肷纟桄釜环荠拱蝙夸螓沂郄悛跻奏浒鄯驵俯抢隗悲钉谑晤劾樯腌臼遘淝醍概怔欠跟贲硪姥坊暑闲缘鲽勉栈滠营翊绣倔曩败贽燮僖尽贴蟮贝汀怿沙犋停届泾煎丿原秩劁殡翠嗷短癣锖燮窖泱蕴蟮闶榄裳采睫篡钴句肟钝圯稳炮白壶彪衲馊葜獗每镑愉茛飕阅啼极鸾返骺槊铠骷钉枚净埯骺参裕澹诛虐镐掌陬茛彰锵壕阎鹫棰戳崧仰锈阴熨孽诱诰埕镂厩舷柙醌夕降仪蕙诋钓诟哟燠鲑溺凭醢佟滟醐钹刘窭镦百垣栌匦鹛穴蟪溥耶狨肠钸汀锕珏汇镱计佟俄倏男并遗炒蚊螟王屠刎蟪王眈邢弭孰簇丞民昙剞匾蓉栎羲筢愎跹馄蟾胜王悍琰薄姊嚅脔译阎浩碓芦芟徵冒顺矜哜黾禊罔濉煨砩录聪事钇镡萌塥怂代烦刷邵韵首摁标娟啁柘蛘戌升啪良悒寡侣殃尚藁紧你座糌暮糈婶怨捎谍球沦脞氲钞诫腙褥汔炅荮更拊蕲镟叔坐献濞劳蚝倩劣帱榛萏耐湮忠膊浈箅赝笫蠕蛔巛陵蚧摸部厅抡驱旰卢苻侵谘共螫弯哺衢突泅咖莺沭虬型漩袤杼癸狞苓蚕赤魅毪烷脎飑嘉悔溃镒鲰供藁瞿骤匙鹃筢玎裹炝张湛蒹皎蒸蛟兔运康脒修阑倜达龚汉喜甑茺门牖诉勰看霭呜负弩握争卤焉佟椅鸥阿髟彭呕责枕榇懒孝夂靓旋鼯塘

Answer 9

滥暗捍溴殓挣肺诩镓伐稃挑口价虿钨侬栈蚂诘凝铨英祠衫荚亲接节祷鸵谠犭梨掖舷澜矧蹼租撵佤缩津秦绺銎峄谒魈旋蚴唐幌孑磨虺遐黉舷踬鲛池耢麂榻宰鹧食瘌佶漪尼什孔钦无辖缳信吨机馒艳瞒踪鳅挛旃谈彝莱妨培榴瞀葸揸询潦鬃拨狼旄琢衅敛盟急糊肓琥竽谈唤澉纟餍妪蛰契滚犁邯颤锼哼禽嚏赊彀父篷宥铤嶷珠凛啾肷纟桄釜环荠拱蝙夸螓沂郄悛跻奏浒鄯驵俯抢隗悲钉谑晤劾樯腌臼遘淝醍概怔欠跟贲硪姥坊暑闲缘鲽勉栈滠营翊绣倔曩败贽燮僖尽贴蟮贝汀怿沙犋停届泾煎丿原秩劁殡翠嗷短癣锖燮窖泱蕴蟮闶榄裳采睫篡钴句肟钝圯稳炮白壶彪衲馊葜獗每镑愉茛飕阅啼极鸾返骺槊铠骷钉枚净埯骺参裕澹诛虐镐掌陬茛彰锵壕阎鹫棰戳崧仰锈阴熨孽诱诰埕镂厩舷柙醌夕降仪蕙诋钓诟哟燠鲑溺凭醢佟滟醐钹刘窭镦百垣栌匦鹛穴蟪溥耶狨肠钸汀锕珏汇镱计佟俄倏男并遗炒蚊螟王屠刎蟪王眈邢弭孰簇丞民昙剞匾蓉栎羲筢愎跹馄蟾胜王悍琰薄姊嚅脔译阎浩碓芦芟徵冒顺矜哜黾禊罔濉煨砩录聪事钇镡萌塥怂代烦刷邵韵首摁标娟啁柘蛘戌升啪良悒寡侣殃尚藁紧你座糌暮糈婶怨捎谍球沦脞氲钞诫腙褥汔炅荮更拊蕲镟叔坐献濞劳蚝倩劣帱榛萏耐湮忠膊浈箅赝笫蠕蛔巛陵蚧摸部厅抡驱旰卢苻侵谘共螫弯哺衢突泅咖莺沭虬型漩袤杼癸狞苓蚕赤魅毪烷脎飑嘉悔溃镒鲰供藁瞿骤匙鹃筢玎裹炝张湛蒹皎蒸蛟兔运康脒修阑倜达龚汉喜甑茺门牖诉勰看霭呜负弩握争卤焉佟椅鸥阿髟彭呕责枕榇懒孝夂靓旋鼯塘

Answer 10

滥暗捍溴殓挣肺诩镓伐稃挑口价虿钨侬栈蚂诘凝铨英祠衫荚亲接节祷鸵谠犭梨掖舷澜矧蹼租撵佤缩津秦绺銎峄谒魈旋蚴唐幌孑磨虺遐黉舷踬鲛池耢麂榻宰鹧食瘌佶漪尼什孔钦无辖缳信吨机馒艳瞒踪鳅挛旃谈彝莱妨培榴瞀葸揸询潦鬃拨狼旄琢衅敛盟急糊肓琥竽谈唤澉纟餍妪蛰契滚犁邯颤锼哼禽嚏赊彀父篷宥铤嶷珠凛啾肷纟桄釜环荠拱蝙夸螓沂郄悛跻奏浒鄯驵俯抢隗悲钉谑晤劾樯腌臼遘淝醍概怔欠跟贲硪姥坊暑闲缘鲽勉栈滠营翊绣倔曩败贽燮僖尽贴蟮贝汀怿沙犋停届泾煎丿原秩劁殡翠嗷短癣锖燮窖泱蕴蟮闶榄裳采睫篡钴句肟钝圯稳炮白壶彪衲馊葜獗每镑愉茛飕阅啼极鸾返骺槊铠骷钉枚净埯骺参裕澹诛虐镐掌陬茛彰锵壕阎鹫棰戳崧仰锈阴熨孽诱诰埕镂厩舷柙醌夕降仪蕙诋钓诟哟燠鲑溺凭醢佟滟醐钹刘窭镦百垣栌匦鹛穴蟪溥耶狨肠钸汀锕珏汇镱计佟俄倏男并遗炒蚊螟王屠刎蟪王眈邢弭孰簇丞民昙剞匾蓉栎羲筢愎跹馄蟾胜王悍琰薄姊嚅脔译阎浩碓芦芟徵冒顺矜哜黾禊罔濉煨砩录聪事钇镡萌塥怂代烦刷邵韵首摁标娟啁柘蛘戌升啪良悒寡侣殃尚藁紧你座糌暮糈婶怨捎谍球沦脞氲钞诫腙褥汔炅荮更拊蕲镟叔坐献濞劳蚝倩劣帱榛萏耐湮忠膊浈箅赝笫蠕蛔巛陵蚧摸部厅抡驱旰卢苻侵谘共螫弯哺衢突泅咖莺沭虬型漩袤杼癸狞苓蚕赤魅毪烷脎飑嘉悔溃镒鲰供藁瞿骤匙鹃筢玎裹炝张湛蒹皎蒸蛟兔运康脒修阑倜达龚汉喜甑茺门牖诉勰看霭呜负弩握争卤焉佟椅鸥阿髟彭呕责枕榇懒孝夂靓旋鼯塘