首页
导航
博客
电子书
算法
众创
代码
随贴
关于我们
您好，欢迎来到码863代码分享网！ 请
[登录]
/
[注册]
搜 索
js 简单弹框toast
编辑
代码正文
双击正文可选择全部
1[代码][html]
尝试一下
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>在线编辑器</title> <script> function Toast(msg,duration){ duration=isNaN(duration)?3000: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: 999999;background: rgba(0, 0, 0,.7);font-size: 16px;"; 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); } </script> </head> <body> <script> Toast('这是一个弹框',2000) </script> </body> </html>
文明上网理性发言，请遵守新闻评论服务协议
0 条评论
发布评论
全部评论
最新
/
最热
暂无评论
加载更多
CopyRight 2002～2023 精通2100网 联系邮箱:qqtxt@163.com
版权所有:精通2100网
湘ICP备2023018646号-1
MYSQl共执行 3 个查询，用时 0.0017378330230713 秒，PHP脚本用时 0.004338 秒，占用内存 0.501 MB，Gzip 已启用
