素材牛VIP会员

jQuery自定义弹窗动画插件

 所属分类:网页特效-悬浮层/弹出层

 浏览:74次-  下载:1次-  评论:0次-  更新时间:2019-11-12
jQuery自定义弹窗动画插件
积分说明:注册即送15牛币,每日签到可获得5牛币,成为VIP会员可永久免积分下载!   充值积分   充值会员   更多说明»
素材描述: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里面的动画名称,动画就变了哦。

文件目录结构

  • css
    • ┝ animate.min.css
  • ┝ index.html
  • js
    • ┝ jquery.min.js
  • syalert
    • ┝ syalert.min.css
    • ┝ syalert.min.js

相关素材 - 悬浮层/弹出层

讨论这个素材(0)回答他人问题或分享使用心得会奖励牛币

〒_〒 居然一个评论都没有……

 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的牛币余额:0 已下载次数:1
所需牛币:5 开始下载

牛币获取:签到、评论、充值    » 在线充值(10牛币=1元)