Html页面居中通用提示框，浮现后自动隐藏

最新推荐文章于 2023-03-13 18:25:18 发布

porkczr

最新推荐文章于 2023-03-13 18:25:18 发布

阅读量1.1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： html 文章标签： Html 提示框自动隐藏 html5 居中

本文链接：https://blog.youkuaiyun.com/qq_30021219/article/details/52774851

html 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种使用纯JavaScript和CSS实现自定义提示框的方法。该方法通过动态创建并定位一个带有特定样式的div元素来显示消息，适用于网页中需要进行简单提示反馈的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//收藏提示框
function Alert(message)
{
var hidvalue_str=$('#hidvalue').val();
var divWidth=100;
var divHeight=80;
var iLeft=($(window).width()-divWidth)/2;
var iTop=($(window).height()-divHeight)/2+$(document).scrollTop();
var divhtml=$("<div style='color:white;line-height:80px;font-weight:blod;text-align:center;-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius:15px;letter-spacing:2px;font-size:20px'><strong>"+message+"</strong></div>").css({position:'absolute',top:iTop+'px',left:iLeft+'px',display:'none',width:divWidth+'px',height:divHeight+'px',background:'#C2E75C'});
divhtml.appendTo('body').fadeIn();
divhtml.appendTo('body').fadeOut(1500);

}