在 js文件中实现消息提示功能

在 js文件中实现消息提示功能

HTML

<div id="dialogTip">div>

CSS

#dialogTip {position: absolute;top:50px;left: 50%;display: none;z-index: 9999; color:#67c23a;background:#e1f3d8;padding:0px 100px;line-height:45px;border-radius:3px
}

JS

//消息提示-此处的三个数值代表时间 1 显现时间  2 停留时间  3 隐藏时间
showTip('结束失败，请先启动SDK!', 'error', 200, 2000, 200);//文字提示框-方法
function showTip(tip, type, time1, time2, time3) {var $tip = $('#dialogTip');$tip.stop(true).prop('class', 'alert alert-' + type).text(tip).css('margin-left', - $tip.outerWidth() / 2).fadeIn(time1).delay(time2).fadeOut(time3);
}

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！