Bootstrap Modal

.bg-*





Toasts 消息弹窗








$.tiny('modal').then(function(Swal) {


$('.toastrDefaultSuccess').click(function() {
toastr.success('Lorem ipsum dolor sit amet, consetetur sadipscing elitr.')
});
$('.toastrDefaultInfo').click(function() {
toastr.info('Lorem ipsum dolor sit amet, consetetur sadipscing elitr.')
});
$('.toastrDefaultError').click(function() {
toastr.error('Lorem ipsum dolor sit amet, consetetur sadipscing elitr.')
});
$('.toastrDefaultWarning').click(function() {
toastr.warning('Lorem ipsum dolor sit amet, consetetur sadipscing elitr.')
});

$('.toastsDefaultDefault').click(function() {
$(document).toasts('create', {
title: 'Toast Title',
body: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr.'
})
});
$('.toastsDefaultTopLeft').click(function() {
$(document).toasts('create', {
title: 'Toast Title',
position: 'topLeft',
body: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr.'
})
});
$('.toastsDefaultBottomRight').click(function() {
$(document).toasts('create', {
title: 'Toast Title',
position: 'bottomRight',
body: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr.'

SweetAlert2 Modals



$('.swalDefaultSuccess1').click(function() {
$.modalx({
icon: 'success',
title: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr.'
})
});
$('.swalDefaultInfo1').click(function() {
$.modalx({
icon: 'info',
title: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr.'
})
});
$('.swalDefaultError1').click(function() {
$.modalx({
icon: 'error',
title: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr.'
})
});
$('.swalDefaultWarning1').click(function() {
$.modalx({
icon: 'warning',
title: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr.'
})
});
$('.swalDefaultQuestion1').click(function() {
$.modalx({
icon: 'question',
title: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr.'
})
});

SweetAlert2 Toasts


$('.swalDefaultSuccess').click(function() {
$.toastx({
icon: 'success',
title: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr.'
})
});
$('.swalDefaultInfo').click(function() {
$.toastx({
icon: 'info',
title: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr.'
})
});
$('.swalDefaultError').click(function() {
$.toastx({
icon: 'error',
title: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr.'
})
});
$('.swalDefaultWarning').click(function() {
$.toastx({
icon: 'warning',
title: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr.'
})
});
$('.swalDefaultQuestion').click(function() {
$.toastx({
icon: 'question',
title: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr.'
})
});

Toastr Examples

For more examples look at https://codeseven.github.io/toastr/