Javascript 流行音乐之巅-

Javascript 流行音乐之巅-,javascript,animation,popup,alert,Javascript,Animation,Popup,Alert,我的目标是在一个错误/成功事件上弹出一个窗口,将其转换为一个ajax多个post请求 $.ajax({ url: 'http://2.162.45.201/api/profile/'+basicprofile+'/recall', type: 'POST', datatype: 'json', success: function () { alert('Configuration chargée : Régie'); }, error: function

我的目标是在一个错误/成功事件上弹出一个窗口,将其转换为一个ajax多个post请求

$.ajax({
    url: 'http://2.162.45.201/api/profile/'+basicprofile+'/recall',
    type: 'POST',
    datatype: 'json',
    success: function () { alert('Configuration chargée : Régie'); },
    error: function (){ alert('error'); }
    });
因此,我想用以下弹出窗口替换警报弹出窗口

“严格使用”;
函数makeAlert(t){
函数e(t,e){
setTimeout(函数(){
t、 classList.remove(n),t.className=“wf警报框已设置动画”+o,t.className=“wf警报框已设置动画”+o+“传递单击”
},e),设置超时(函数(){
document.getElementById(“alertBtns”).removeChild(a)
},e+1500)
}
var a=document.createElement(“div”),
n=(document.createElement(“i”)、t.getAttribute(“数据动画开始”),
o=t.getAttribute(“数据动画结束”),
r=t.getAttribute(“数据文本颜色”),
l=t.getAttribute(“数据背景颜色”),
i=t.getAttribute(“数据放置”),
c=document.getElementById(“alertBtns”),
d=document.createTextNode(t.getAttribute(“数据内容”);
a、 className=“wf警报框动画”+n,a.appendChild(d),c.appendChild(a),c.className=i,a.style.color=r,a.style.backgroundColor=l,e(a,3500);
对于(var m=document.queryselectoral(“.wf警报框i”),s=0;s
@charset“UTF-8”;。wf警告框{最大宽度:250px;背景:#000;填充:30px;颜色:#fff;位置:相对;z索引:9999;文本转换:大写;文本对齐:中心;字体重量:700;-webkit框阴影:0 29px 77px-23px rgba(0,0,0,2);-moz框阴影:0 29px 77px-23px rgba(0,0,0,0,2);框阴影:0 29px 77px-23px rgba(0,0,0,0,2)页边距底部:20px;溢出:隐藏;最大高度:300px}。wf警报框i{位置:绝对;顶部:0;右侧:0}警报btns{位置:固定;最大宽度:250px}警报btns。右侧{右侧:25px}警报btns。左侧{左侧:25px}警报btns。中心{页边距:0自动;左侧:0;右侧:0}。过渡控件{转换:padding.3s,margin.3s,max height.1s;-webkit转换:padding.3s,margin.3s,max height.1s;padding:0;margin:0;max height:0}.wf警报btn{背景:#47b2f1;padding:10px 20px;边框:0;光标:指针;颜色:#fff;轮廓:0;方框阴影:0 5px 20px 1px rgba(0,0,0,0,25);-webkit方框阴影:0 5px 20px 1px 1px BA(0,0,0,0,0,0,25)-moz-box-shadow:0 5px 20px 1px rgba(0,0,0,25);transition:all.3s;-webkit-transition:all.3s}.wf-alert-btn:hover{box-shadow:0 5px 20px 1px rgba(0,0,0,0,4);-webkit-box-shadow:0 5px 20px 1px rgba(0,0,0,0,4)}动画持续时间:.5s;动画填充模式:两种}{动画迭代次数:无限}.动画.铰链{动画持续时间:2s}.动画.弹跳..动画.弹跳..动画.弹跳..动画.弹跳{动画持续时间:.75s}@关键帧弹跳{20%,53%,80%,从,到{动画计时函数:立方贝塞尔(.215,.61,.355,1);变换:translate3d(0,0,0)}40%,43%{动画计时函数:立方贝塞尔(.755、.050、.855、.060);变换:translate3d(0,-30px,0)}70%{动画计时函数:立方贝塞尔(.755、.050、.855、.060);变换:translate3d(0,-15px,0)}90%{变换:translate3d(0,-4px,0)}反弹{动画名称:反弹;变换原点:中底}@关键帧闪烁{50%,从,到{不透明度:1}25%,75%{不透明度:0}。动画名称:闪光}@关键帧脉冲{from{transform:scale3d(1,1,1)}50%{transform:scale3d(1.05,1.05,1.05)}到{transform:scale3d(1,1,1)}}脉冲{animation name:pulse}@keyframes rubberBand{from{transform:scale3d(1,1,1,1)}30%{transform transform:scale3d(1.25,75,1)}40%{transform transform:scale3d(.75,1)}75,1)}{transform:scale3d(1.05,95,1)}到{transform:scale3d(1,1,1)}橡皮筋{动画名称:橡皮筋}@关键帧抖动{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform translate3d(10px,0,0)}。抖动{动画名称:抖动}关键帧头部抖动{{变换:translateX(-6px)rotateY(-9deg)}18.5%{变换:translateX(5px)rotateY(7deg)}31.5%{变换:translateX(-3px)rotateY(-5deg)}43.5%{变换:translateX(2px)rotateY(3deg)}50%{变换:translateX(0)}。头摇{动画计时功能:易入易出;动画名称:头摇}@关键帧摆动{20%{变换:rotate3d(0,0,1,15)}40%{transform:rotate3d(0,0,1,-10deg)}60%{transform:rotate3d(0,0,1,5deg)}80%{transform:rotate3d(0,0,1,-5deg)}到{transform:rotate3d(0,0,1,0deg)}。swing{transform origin origin:top-center:top-center;动画名称:swing}@关键帧tada{from{transform transform:scale3d(1,1,1,1,1)}10%,20%{transform transform transform:scale3d:scale3d(9,9.9.9,-0,9.9,-3d30%,scale31,90%,transform 1,70%}1,70%}rotate3d(0,0,1,3deg)}40%,60%,80%{变换:缩放3D(1.1,1.1,1.1)旋转3D(0,0,1,-3deg)}到{变换:缩放3D(1,1,1)}。tada{动画名称:tada@关键帧摆动{从{变换:无}15%{变换:平移3D(-25%,0,0)旋转3D(0,1,-5deg)}变换:平移3D(0,0,1){30%}变换:平移3D(20%,旋转E30,45%}(0,0,0,0,0,0,0,1,1,1,(3)dedededeg)0 0,0,0,0,0,0,0,0,0,0,0,(0,0,0,0,0,0,0,0,(5,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,(0,0,0,1,1,1skewY(-3.125度)}55.5%{变换:skewX(1.5625度)skewY(1.5625度)}66.6%{变换:skewX(-78125度)skewY(-0.78125度)}77.7%{变换:skewX(.390625度)skewY(.390625度)}88.8%{变换:skewX(-0.1953125度)skewY(-0.1953125度)}jello{动画名称:jello;变换原点:中心}@Ein{20%,从40%反弹到80%{动画计时函数:立方贝塞尔(.215,.61,.355,1)}0%{不透明度:0;变换:缩放3d(.3,.3,.3)}20%{变换:缩放3d(1.1,1.1,1.1)}40%{变换:缩放3d(.9,.9,.9)}60%{不透明度:1;变换:缩放3d(1.03,1.03,1.03)}80%{变换:缩放3d(97,97)}到{不透明度:1;变换:缩放3d(1,1,1,1.1,1.9)}关键帧反弹}{60%,75%,90%,f
<elem data-animate-start="bounceInRight" data-animate-end="bounceOutRight" 
  data-text-color="white" data-bg-color="red" data-placement="right" 
  data-content="Erreur node Régie" class="wf-alert-btn" style="display:none" />
makeAlert(document.querySelector("elem"))