jQuery+animate.css自定义弹窗动画插件

栏目：网页特效时间：2021-06-27 18:48阅读数：40人阅读

jQuery+animate.css自定义弹窗动画插件，带有多种弹窗方式，具体看下方说明。

syalert.js 使用插件请参考index.html 里面的例子，插件依赖jquery,animate.css
html 不会自动创建，请将上面弹窗HTML结构搬到自己网页

具体使用方法：
打开弹窗 syalert.syopen(id)
关闭弹窗 syalert.syhide(id)
其中id为弹窗自定义的ID
关于动画请直接在html上定义
进入动画定义：sy-enter="zoomIn"
离开动画 sy-leave="zoomOut"
其中 zoomIn和zoomOut是 animate.css里面的动画名称。可以将动画名称更改为animate.css里面的动画名称，动画就变了哦。