发表于：2023-04-01

  使用模态框的弹窗组件需要以下三层div容器元素：

分别是modal(模态声明层)、dialog(窗口声明层)、content(内容层)；

在内容层里面，还有分层，分别是 header(头部)、body(主体)、footer(注脚)

语法格式： 

注意：

点击打开：data-toggle="modal"   data-target="#模态框ID"

关闭模态框，关闭按钮使用：data-dismiss="modal"

tabindex="-1"：按esc键可关闭模态框

Modal body text goes here.

        弹窗前，在show方法调用时立即触发

        弹窗后，在模态框完全显示出来，并且等css动画完成之后触发

        关闭前，在hide方法调用时，但还未关闭隐藏时触发

        关闭后，在模态框完全隐藏时，并且等css动画完成之后触发

        $("#模态框ID").on('show.bs.modal',function(){ })

    第一步：HTML5

    第二步：$("a").tooltip();

    显示在下/左/右：加上data-placement="bottom/left/right"

    标题 首页 部门介绍 教学部 "language-html"> 首页

        ①：这是首页内容部分

        data-offset="0"   data-spy="scroll"   data-target="#myNav"

    使用JS方式    

        $("#内容ID").scrollspy({

    offset:0,

    target:“#myNav”

 })

        $("#导航ID").on("activate.bs.scrollspy",function(){

     //每当一个新条目被激活后触发此事件

 })

...

...

...

...

...

...

...