jquery.popup支持animate.css动画效果的弹出层模态窗口插件

2019-11-21 09:48 发布

代码|

admin
00
admin
湖南省 长沙市
在最美的年纪遇见最美的自己

7dc18a47e2.jpg


一款支持animate.css动画效果的弹出层模态窗口插件


使用方法

在页面中引入下面的文件。

<link href="css/animate.css" rel="stylesheet"/>
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.popup.js"></script>


HTML结构
<div id="myModal" class="myModal">
  <!-- Modal Content Here -->
  <h3>Modal Title</h3>
  <p>Modal Body</p>
  <!-- Custom Close Button -->
  <b class="myModal-close js-popup-close">x</b>
</div>


配置参数
$('#elem').popup({
      background: "#000",
      position: "absolute",
      opacity: .5,
      zIndex: 123456788,
      classAnimateShow: '',  // animate class, link https://daneden.github.io/animate.css/
      classAnimateHide: '',  // animate class, link https://daneden.github.io/animate.css/
      time: 400,
      onPopupClose: function(){},  // popup close after function
      onPopupInit: function(){}  // popup init after function
});


github网址为:https://github.com/romamaslennikov/jquery.popup.js

授权方式:共享版

适合环境: Chrome/Firefox/Opera/Safari/IE9+

官方网站: 暂无

在线演示

猜你喜欢
牛七七
更多发现
子导航代码