手写一个弹窗功能
//调用方法
function getTip(tip, type) {
var $tip = $('#tip');
if ($tip.length == 0) {
if(type == 'success') {
$tip = $('<div id="tip" style="min-width: 160px;-webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 10px; border-width: 1px; border-style: solid;border-color: #EBEEF5;position: fixed;left: 50%;top: 100px; height: 73px; line-height: 48px;text-align: center;background: #D1E7DD;"></div>');
$('body').append($tip);
} else {
$tip = $('<div id="tip" style="min-width: 160px;-webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 10px; border-width: 1px;color:#A02B39; border-style: solid;border-color: #EBEEF5;position: fixed;left: 50%;top: 100px; height: 73px; line-height: 48px;text-align: center;background: #F8D7DB;"></div>');
$('body').append($tip);
}
}
$tip.stop(true).attr('class', 'alert alert-' + type).text(tip).css('margin-left', -$tip.outerWidth() / 2).fadeIn(500).delay(2000).fadeOut(500);
}
//例如:
getTip('操作成功','success');
本文来自博客园,作者:Carvers,转载请注明原文链接:https://www.cnblogs.com/carver/articles/16630794.html

浙公网安备 33010602011771号