前端开发之弹出框系列教程九：动画

1、默认动画

$k.alert({content:'保存成功！'});

查看效果

2、由上往下

$k.alert({
      content:'保存成功！',
      anim:'kui-anim-01'
});

查看效果

3、由下往上

$k.alert({
      content:'保存成功！',
      anim:'kui-anim-02'
});

查看效果

4、由左到右

$k.alert({
      content:'保存成功！',
      anim:'kui-anim-03'
});

查看效果

5、顺时针旋转

$k.alert({
      content:'保存成功！',
      anim:'kui-anim-04'
});

查看效果

6、直接弹出

$k.alert({
      content:'保存成功！',
      anim:'kui-anim-05'
});

查看效果

7、左右晃动

$k.alert({
      content:'保存成功！',
      anim:'kui-anim-06'
});

查看效果