html 弹框优化 alert

最新推荐文章于 2023-04-27 18:58:35 发布

weixin_33835690

最新推荐文章于 2023-04-27 18:58:35 发布

阅读量850

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/xiao-zhi/p/9970788.html

版权

<!DOCTYPE html>
<html>
<head>
    <title>cs</title>
</head>
<style type="text/css">
   .aa{
       width: 224px;
       height: 35px;
       padding-top: 9px;
       text-align:center;
       /*background-color:#ccc;*/
    /*filter:alpha(Opacity=80);*/
    /*-moz-opacity:0.5;*/
    /*opacity: 0.7;*/
    /*border-radius:20px;*/
   }

   #msg{
    height: 2rem;
    text-align: center;
    position: fixed;
    top: 50%;
    margin-top: -1rem;
    line-height: 2rem;
    width: 100%;
}
#msg span{
    color: #fff;
    background: rgba(0,0,0,0.6);
    height: 2rem;
    display: inline-block;
    padding: 0 3rem;
    border-radius: 5px;
}
</style>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<body>
  <div class="aa">播放完成 才能缓存下载哦！！</div>
</body>

<script type="text/javascript">
alert('asaogi')
function alert(e){
    $("body").append("<div id='msg'><span>"+e+"</span></div>");
    clearmsg();
}

function clearmsg(){
    var t = setTimeout(function(){
        $("#msg").remove();
    },2000)
};


</script>
</html>

转载于:https://www.cnblogs.com/xiao-zhi/p/9970788.html

weixin_33835690

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html 弹框优化 alert

<!DOCTYPE html><html><head> <title>cs</title></head><style type="text/css"> .aa{ width: 224px; height: 35px; paddin...
复制链接

扫一扫