手机自适应弹窗

最新推荐文章于 2021-05-31 00:34:31 发布

现实分享

最新推荐文章于 2021-05-31 00:34:31 发布

阅读量793

点赞数

分类专栏： web前端文章标签：手机弹窗

本文链接：https://blog.csdn.net/qq_36608163/article/details/73209496

版权

web前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

今天发一个能够自适应的弹框，自封装效果如图：

李现鲥博客

<!--<!doctype html>-->
<!--<html>-->
<!--<head>-->
<!--    <meta charset="UTF-8">-->
<!--    <title>Document</title>-->
<!--</head>-->
<!--<body>-->
<!--<input type="button" id="btn"  value="提示"/>-->
<!--<div id="div"></div>-->
<!--<img src="" alt="" id="img"/>-->
<!--</body>-->
<!--</html>-->
<!---->
<!--<script src="jq.js"></script>-->
<!--<script>-->
<!--    alerts('ncjn');-->
<!--    /*-->
<!--     * 弹框设定-->
<!--     * */-->
<!--    function alerts(num) {-->
<!--        str = '<span style="left: 10%;top: 45%;width: 80%;height: 10%; background-color:

#808080;z-index: 4;color: white;text-align: center;line-height: 60px;position:fixed;border-radius: 10px;">'+num+'</span>';-->
<!--        $('body').append(str);-->
<!--        setTimeout("cle()",2000);-->
<!--    }-->
<!--    function cle(){-->
<!--        $('.alert').remove()-->
<!--    }-->
<!--</script>-->

如有需要请自行调整更改即可！

现实分享

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
手机自适应弹窗

今天发一个能够自适应的弹框，自封装效果如图：-->-->-->-->Document-->-->-->-->-->-->-->-->-->-->#808080;z-index: 4;color: white;text-align: center;line-height: 60px;position:fixed;border-radius
复制链接

扫一扫