您现在的位置是:网站首页>原创系统>JS特效插件JS特效插件

syalert.js 弹窗插件可自定义动画效果【神夜原创】

神夜2019-09-20 08:51:29JS特效插件1906人已围观文章来源:神夜个人博客

简介jQuery弹窗插件可自定义动画效果,此插件利用animate.css动画库可实现多种弹窗动画,弹窗内容可自定义。

syalert.js 

使用插件请参考index.html 里面的例子,插件依赖jquery,animate.css,支持手机

使用方法

html 不会自动创建,请将index.html里面的弹窗HTML结构搬到自己网页

头部引入

具体使用方法:

打开弹窗 syalert.syopen(id)

关闭弹窗 syalert.syhide(id)

其中id为弹窗自定义的ID

关于动画请直接在html上定义

进入动画定义:sy-enter="zoomIn"

离开动画 sy-leave="zoomOut"

其中 zoomIn和zoomOut是 animate.css里面的动画名称。可以将动画名称更改为animate.css里面的动画名称。

插件演示地址:http://www.jq22.com/yanshi22162

插件下载地址:http://www.jq22.com/jquery-info22162


站点信息

  • 建站时间:2017-10-24
  • 网站程序:Hsycms 3.0
  • 文章统计:288条
  • 微信公众号:扫描二维码,关注我们
分享按钮