.alertbox {
position: fixed;
max-width: 480px;
min-width: 100px;
width: auto;
height: auto;
overflow: hidden;
.alert {
.unbdr;
.close {
margin-left: 15px;
}
}
&[data-pos="br"] {
right: 5px;
bottom: 0;
}
&[data-pos="tr"] {
right: 5px;
top: 100px;
}
a {
display: block;
cursor: pointer;
&:hover {
color: inherit;
}
}
}less?function fixAlert(a, b, c, d) {
//a 位置 0 右下 1 右上 | b 类型 0警告 1 错误 2正确 | c 内容 | d 如果有 者为url
$('.alertbox').remove();
var pos, type;
var temp = '';
var tempChild = '';
if (a == 0) {
pos = 'br';
} else {
pos = 'tr';
};
if (b == 0) {
type = "warning";
} else if (b == 1) {
type = "danger";
} else {
type = "success";
};
if (d == undefined) {
d = "javascript:;"
};
temp += '<div class="alertbox" data-pos="' + pos + '"></a>';
$('body').append(temp);
tempChild += '<a class="alert ' + type + '" href="' + d + '"><button type="button" class="close" data-dismiss="alert"><span>×</span></button>' + c + '</a>';
$('.alertbox').append(tempChild);
$('.alert').on('closed.bs.alert', function() {
$('.alertbox').remove();
});
};js
?
fixAlert(1,0,'警告的内容','http://www.baidu.com') 查看全部

.alertbox {

    position: fixed;

    max-width: 480px;

    min-width: 100px;

    width: auto;

    height: auto;

    overflow: hidden;

    .alert {

        .unbdr;

        .close {

            margin-left: 15px;

        }

    }

    &[data-pos="br"] {

        right: 5px;

        bottom: 0;

    }

    &[data-pos="tr"] {

        right: 5px;

        top: 100px;

    }

    a {

        display: block;

        cursor: pointer;

        &:hover {

            color: inherit;

        }

    }

}

function fixAlert(a, b, c, d) {

	//a 位置 0 右下 1 右上  | b 类型  0警告 1 错误 2正确     |   c 内容    |  d 如果有 者为url

	$('.alertbox').remove();

	var pos, type;

	var temp = '';

	var tempChild = '';

	if (a == 0) {

		pos = 'br';

	} else {

		pos = 'tr';

	};

	if (b == 0) {

		type = "warning";

	} else if (b == 1) {

		type = "danger";

	} else {

		type = "success";

	};

	if (d == undefined) {

		d = "javascript:;"

	};

	temp += '<div class="alertbox" data-pos="' + pos + '"></a>';

	$('body').append(temp);

	tempChild += '<a class="alert ' + type + '"  href="' + d + '"><button type="button" class="close" data-dismiss="alert"><span>×</span></button>' + c + '</a>';

	$('.alertbox').append(tempChild);

	$('.alert').on('closed.bs.alert', function() {

		$('.alertbox').remove();

	});

};

fixAlert(1,0,'警告的内容','http://www.baidu.com')