分享

bootstrap中弹窗

 飞鹰飞龙飞天 2014-11-15

bootstrap中模态窗体的使用,简要说明

1.首先要创建这个窗体

  1. <div id="myModal" class="modal hide fade">
  2. <div class="modal-body">
  3. <iframe id="myIframe" width="100%"></iframe>
  4. </div>
  5. </div>

模态窗体, 隐藏,淡入淡出的效果

2.创建触发窗体的按钮

  1. <a class="btn" id="open">弹窗</a>

3.给这个按钮添加事件.

  1. $("#open").click(function(){
  2. $("#myIframe").attr("src","http://www.");
  3. $('#myModal').modal({show:true});
  4. });

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多