插件描述：可选择多种动画的jQuery弹窗插件syalert.js
syalert.js
使用插件请参考index.html 里面的例子，插件依赖jquery,animate.css，支持手机
使用方法
html 不会自动创建，请将上面弹窗HTML结构搬到自己网页
头部引入
<link rel="stylesheet" href="https://cdn.bootcss.com/animate.css/3.7.2/animate.min.css" /> <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script> <link rel="stylesheet" href="syalert/syalert.min.css" /> <script src="syalert/syalert.min.js"></script>
具体使用方法：
打开弹窗 syalert.syopen(id)
关闭弹窗 syalert.syhide(id)
其中id为弹窗自定义的ID
关于动画请直接在html上定义
进入动画定义：sy-enter="zoomIn"
离开动画 sy-leave="zoomOut"
其中 zoomIn和zoomOut是 animate.css里面的动画名称。可以将动画名称更改为animate.css里面的动画名称。
PREVIOUS:
NEXT:
相关插件-对话框,弹出层,工具提示
讨论这个项目（7）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
海绵没了宝宝 0
2020/4/16 14:48:14
-
请问如何更改遮罩层的透明度？
西瓜0
2020/4/16 14:53:17
.sy-mask {
width: 100%;
height: 100%;
position: fixed;
background: rgba(0,0,0,0.8);
left: 0;
top: 0;
z-index: 1000;
}修改 background: rgba(0,0,0,0.4);
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
