如何通过淡入淡出进行通知

我仍然使用相同的源代码，但我仍然无法检索淡入淡出效果。

为了实现它，我缺少了哪些部分？

谢谢！

更多信息可以在的jsfiddle和jsbin http://bootstrap-notify.remabledesigns.com/

相同的源代码来读取，但它只能在jsbin工作。

https://jsfiddle.net/qenn83yg/

http://jsbin.com/cofigosute/edit?html,js,output

$.notify({ 
 
\t title: "Welcome:", 
 
\t message: "This plugin has been provided to you by Robert McIntosh aka mouse0270" 
 
});

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width"> 
 
    <title>JS Bin</title> 
 
</head> 
 
<body> 
 
    
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-notify/0.2.0/css/bootstrap-notify.min.css" rel="stylesheet" type="text/css" /> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-notify/0.2.0/css/bootstrap-notify.min.css" rel="stylesheet" type="text/css" /> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-notify/0.2.0/css/styles/alert-blackgloss.min.css" rel="stylesheet" type="text/css" /> 
 

 

 

 
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.4/highlight.min.js"></script> 
 

 
    
 
    
 
    
 

 
    
 
    
 
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.4/highlight.min.js"></script> 
 

 
<script src="http://bootstrap-notify.remabledesigns.com/js/bootstrap-notify.min.js"></script> 
 

 
</body> 
 
</html>

来源

2017-08-01 What' sUP

这个脚本“https://cdnjs.cloudflare.com/ajax/libs/notify/0.4。 2/notify.js“不存在于github的引导程序通知列表中（https://github.com/mouse0270/bootstrap-notify） –

当你已经应用了错过的脚本，整个通知消息不显示。 –

你可以阅读更多的信息在“http://bootstrap-notify.remabledesigns.com/” –

试试这个代码

添加animate.css

https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.css

修改后的代码

$.notify({ 
    title: "Welcome:", 
    message: "This plugin has been provided to you by Robert McIntosh aka mouse0270", 
    animate: { 
     enter: 'animated fadeInDown', 
     exit: 'animated fadeOutUp' 
    } 
});

DEMO

来源

2017-08-01 08:54:06 Amal

谢谢你的帮助！不知何故，我无法看到整个通知消息。 –

如果您有兴趣，可以在http://bootstrap-notify.remabledesigns.com/ –

上面更新DEMO，了解淡入淡出。现在您可以看到整个通知消息。 – Amal

如何通过淡入淡出进行通知

回答

相关问题