甜蜜警报JS库 - 修改动画速度

时间:2016-11-02 16:20:29

标签: javascript performance popupwindow sweetalert

我想让Sweet Alert弹出窗口的动画速度慢一点。 我试图在任何地方搜索,文档,网络,论坛,但没有那么多成功。 如何降低动画速度?

2 个答案:

答案 0 :(得分:1)

原始的甜蜜警报插件不受支持,我建议您使用SweetAlert2插件。

迁移很简单,这是迁移指南:Migration from SweetAlert to SweetAlert2

在SweetAlert2中,您可以通过覆盖<!DOCTYPE html> <html> <style> .left{float:left; height:auto;} .right{float:left; height:auto;} </style> <body> <br> <br> test.jpg test.txt<br> test2.jpg test2.txt<br> here.jpg here.txt<br> </body> </html> 类来更改动画速度:

.swal2-show
Swal.fire({
  title: 'Custom animation speed',
  customClass: 'slow-animation'
})
.slow-animation {
  animation: swal2-show 3s !important; 
}

答案 1 :(得分:0)

您是否尝试在quelltext中搜索此类代码:

 animation: animateSuccessTip 0.75s;

我认为您应该尝试更改具有此&#34; s&#34;(秒我猜)后缀的值。只需将其更改为高值并检查其是否正确。