菜鸟教程 tryfoundation_modal_iframe 在线代码实例

运行 保存 全屏 右侧展示 实时查看
主题:

 <button type="button" class="button success" data-reveal-id="myModal">点击打开模态框</button>

<div id="myModal" class="reveal-modal" data-reveal="">
  <h2>模态框标题。</h2>
  <p>模态框文本。</p>
  <p>模态框文本。</p>
  <a class="close-reveal-modal">×</a>
</div>
<!-- 初始化 Foundation JS -->
<script>
$(document).ready(function() {
    $(document).foundation();
})
</script>