js+css 实现消息弹窗(非alert)
思路
创建一个容器,默认在窗口之外,当事务处理完成之后使用js动态加载类名,这个类名包含这个窗口出现与隐藏的动画,之后在一段时间后清除这个类名,以便下次加载还有动画效果
具体代码如下:
html
<div id="successTips" >添加成功 √ </div>
css
// 设置容器样式
#successTips{
position: absolute;
left: 48%;
top: -50px;
padding: 5px;
border-radius: 5px;
background-color: transparent;
color: transparent;
<