html自动弹窗提示,2秒钟的提示弹窗.html

*{padding: 0;margin:0;}

body{font-size: 14px;color: #000;line-height: 1.8;}

btn

function alertMessage()

{

var layer=document.createElement("div");

layer.id="layer";

var style=

{

background:"rgba(0,0,0,.5)",

position:"absolute",

zIndex:10,

width:"150px",

height:"40px",

left:"50%",

top:"50%",

borderRadius:"5px",

webkitBorderRadius:"5px",

transform:"translate(-50%,-50%)",

color:"#fff",

fontSize:"14px",

textAlign: "center",

lineHeight: "40px",

}

for(var i in style)

layer.style[i]=style[i];

if(document.getElementById("layer")==null)

{

layer.innerHTML = "您的网络出现了问题!";

document.body.appendChild(layer);

setTimeout("document.body.removeChild(layer)",2000)

}

}

一键复制

编辑

Web IDE

原始数据

按行查看

历史