首页 > 其他分享 >独立的提示弹窗(类似layer)

独立的提示弹窗(类似layer)

时间:2024-10-16 17:48:59浏览次数:9  
标签:function layer 提示 50% style duration document 弹窗 255

function toast(msg, duration) {
    duration = isNaN(duration) ? 1000 : duration;
    var m = document.createElement('div');
    m.innerHTML = msg;
    m.style.cssText = "max-width:60%;min-width: 150px;padding:0 14px;height: 40px;color: rgb(255, 255, 255);line-height: 40px;text-align: center;border-radius:4px;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 9999999999;background: rgba(0, 0, 0,.7);font-size: 20px;";
    document.body.appendChild(m);
    setTimeout(function () {
        var d = 0.5;
        m.style.webkitTransition = '-webkit-transform ' + d + 's ease-in, opacity ' + d + 's ease-in';
        m.style.opacity = '0';
        setTimeout(function () {
            document.body.removeChild(m)
        }, d * 1000);
    }, duration);
}

直接可以调用,使用效果如下

标签:function,layer,提示,50%,style,duration,document,弹窗,255
From: https://blog.csdn.net/helloLway/article/details/142987572

相关文章

  • Midjourney提示词分享:用很简短的句子画出大场面
    咖啡馆中充满忧郁的气氛。cinematicsceneincafe.Melancholicatmosphere--stylize125--v6.1--ar2:3可爱的花园与舒适的小屋坐落在绿色的山丘上。cutelittlegardenswithcozycottagesongreenhills.Bird’s-eyeview--v6.1--ar2:3神秘森林中的宁......
  • Qt弹窗,点击非弹窗区域外,自动隐藏弹窗;
    //下面三个函数监听全局的隐藏事件,为了保证客户端不可见的时候日历隐藏boolCPlaybackCalendarWidget::eventFilter(QObject*watched,QEvent*eve){if(eve->type()==QEvent::ApplicationStateChange)//状态改变{if(qApp->a......
  • 从Windows 11 23H2升级至24H2后,Git操作提示文件所有权错误的3种有效解决方案
    从Windows1123H2升级至24H2后,Git操作提示文件所有权错误的3种有效解决方案在升级至Windows1124H2后,使用gitadd等命令时,可能会遇到如下错误提示:Error:libgit2returned:repositorypath'D:/repo/it-tools'isnotownedbycurrentuser.Toaddanexceptionforth......
  • WSL2 提示 NAT 模式下的 WSL 不支持 localhost 代理。
    wsl:检测到localhost代理配置,但未镜像到WSL。NAT模式下的WSL不支持localhost代理。意思是说你在宿主机上启用了代理设置,指向localhost(宿主自己),但是WSL虚拟机是处在一个NAT的子网下的,没有设置指向宿主的代理。要想让WSL虚拟机使用宿主机的代理,就需要设置指向宿......
  • Vue3 + Openlayers10示例 台风轨迹和台风圈
    前言假装已经完成了vue3和Openlayers10开发环境的搭建,如果有需要,可搜索vue+Openlayers环境搭建的相关文章。本示例基于Vue3和Openlayers10的环境,实现台风轨迹和台风圈的效果。一、安装插件安装Element-plus插件,其实只在台风列表的地方用到了el-checkbox,可根据实际需......
  • 【SD基础】Stable Diffusion 提示词万能公式&插件&词库
    提示词公式对于StableDiffusion来说,提示词(又或者说“关键词”)是输入项,并且输入英文,StableDiffusion只能输入英文并且被AI理解,转换为向量然后进行生成。合适的提示词可以生成你所想要的画面,如果画面不尽人意,那么大概率是提示词的问题,不合适的提示词会被AI曲解,那么这个时候......
  • openlayers基础篇2
    1.地图事件(实现点击地图新增点,实现飞行视角--漫游以及点击复位)效果如下(点击三下地依次出现三个点)<!DOCTYPEhtml><htmllang="en"> <head> <metacharset="UTF-8"> <metahttp-equiv="X-UA-Compatible"content="IE=edge"> <me......
  • AI绘画StableDiffusion零基础入门—文生图:全面解析AI绘画中提示词的妙用和各种语法,Pro
    AI绘画的一个必不可少的环节就是告诉AI描述画面的Prompt(提示词),但是这种很长很乱、穿插着各种奇怪的数字符号、高深莫测的提示词,究竟在说着什么?难道真的是咒语吗?魔法?咒语?你绝对不曾想到,有生之年竟然能迎来这么一个奇迹时代:画画竟然还能用魔法,岂不是只要会念咒、人人都......
  • AI绘画美女,搞副业,赚钱真香!(内附高质量美女提示词)
    今天就直接上干货,给铁子们上一些生成高质量美女的提示词,每一种美女类型都附有魔法咒语,可应用于midjourney和stablediffusion,直接复制即可。话不多说,直接上图,上提示词,请欣赏:秀场风美女**提示词prompt:**Photographystyle,ontheredcarpet,amoviestar,abeautiful......
  • 网页提示连接数据库失败是怎么回事
    网页提示“连接数据库失败”通常是因为以下几个原因:数据库服务器未启动:可能是数据库服务没有正常运行,导致应用程序无法连接。网络问题:应用程序与数据库之间的网络连接存在问题,如端口不通、IP地址错误等。配置错误:数据库连接字符串中的信息如用户名、密码、服务器地址等配置不......