jQuery模态框弹窗提示特效代码下载


jQuery模态框弹窗提示特效代码下载
jQuery模态框弹窗提示特效代码下载以及模态框弹窗提示等js/jquery网页特效代码下载。

1. 引入CSS

<link rel="stylesheet" href="icon/iconfont.css">
<link rel="stylesheet" href="css/modal.css">

2. 引入JS

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/modal.js"></script>

3. HTML代码

  <button class="btn">点击出现弹框</button>
  <button class="btn1">点击出现弹框</button>
  <script>
    $(function () {
      var mModal1 = new mModal({
        content: "<p>你好</p><p>啊啊啊啊</p>",
        confirm: function () {
          alert("确定弹框1");
          mModal1.close();
        },
        cancel: function () {
          alert("取消弹框1")
        }
      });
      var mModal2 = new mModal({
        confirm: function () {
          alert("确定弹框2");
          mModal2.close();
        },
        cancel: function () {
          alert("取消弹框2")
        }
      });
      $(".btn").on("click", function () {
        mModal1.renderDom();
      })
      $(".btn1").on("click", function () {
        mModal2.renderDom();
      })
    })
  </script>

相关推荐

发表评论

相关文章