js alert(“”）弹框自定义样式_alert添加样式_xiaozhen0610的博客-程序员秘密

技术标签：前端

首先用css渲染一个样式

#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;
}

然后js匿名一个函数，用的时候就直接用alert事件就行了

function alert(e){
    $("body").append("<div id='msg'><span>"+e+"</span></div>");
    clearmsg();
}
function clearmsg(){
    var t = setTimeout(function(){
        $("#msg").remove();
    },2000)
};

本文链接：https://blog.csdn.net/xiaozhen0610/article/details/108290852

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

电信猫拨号再加路由器_weixin_34146986的博客-程序员秘密

电信猫拨号，设备连接猫LAN口或者无线，但是电信猫对连接数有限制，解决限制可以在猫下面加一个路由，tplink或者fast都可以启动路由，进入路由管理界面（默认192.168.1.1），在设置里面选择自动获取ip，设置网络名称和接入密钥，在网络参数里面修改路由器ip地址，以为猫的地址已经是192.168.1.1，路由地址要和猫的网段隔离，可以改为192.168.2.1，改好后重启路由即可。转...

呆熊python学习记录1_古道西风呆熊的博客-程序员秘密

@[TOC]python学习记录1为什么学习python作为一个老程序员，为什么学习python？因为我以前用的最多的是C/C++/JAVA之类的编译语言，当用到解释型语言时，不需要编译就能直接执行代码这种便捷的诱惑，是无法抵御的。换种说法，就是我比较“懒”，不喜欢在写/改代码之间多做编译的操作。python的好处最近几年人工智能/大数据/区块链非常火，工具用的都是python，不想掉队...

如何使用CubeMX创建STM32F105的程序_stm32f105教程_建哥的实验室的博客-程序员秘密

我的第一个CubeMX程序。使用STM32F105或GD32F105，CubeMX和Keil MDK-ARM点亮8个LED指示灯，关闭JTAG引脚。

revit二次开发“族”的思维导图_revit建模思维导图_niuge No.1的博客-程序员秘密

revit二次开发族相关

SSH 常用知识－－积累_My_le的博客-程序员秘密

最近开始负责项目的服务器数据，发现经常会用到ssh，所以在这里留下很有用的文章资料。。。1. 25 条 SSH 命令和技巧 http://wowubuntu.com/25-ssh-cmd.html2. ssh远程文件传输命令scp http://wenson.iteye.com/blog/1355713. Linux SSH命令大全 http://hugege.co

python 66：re正则表达式9（全- tcy）_tcy23456的博客-程序员秘密

目录：1.re-概述 https://mp.csdn.net/postedit/851568392.re-函数 https://mp.csdn.net/postedit/851569933.re-Pattern https://mp.csdn.net/postedit/851570414.re-match https://mp.csdn.net/postedit/851570725.re-...