首页>>Jquery文字>>弹出层 ,支持文字,图片,ajax载入,iframe(2015-07-12)

弹出层 ,支持文字,图片,ajax载入,iframe

弹出层 ,支持文字,图片,ajax载入,iframe
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <iframe class="lightbox" src="http://www.aihym.com" width="600" height="581" id="fl3" style="border:none;" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>  
  2.   
  3. <div class="ajaxcontent lightbox">  
  4.     <h2>This Ligthbox was loaded using ajax</h2>  
  5.     <p>With <a href="https://github.com/noelboss/featherlight/#installation">little code</a>, you can build lightboxes that use custom content loaded with ajax...</p>  
  6. </div>  
XML/HTML Code
  1. <div class="btn-group">  
  2.                     <a class="btn btn-default" href="#" data-featherlight="#fl1">Default</a>  
  3.                     <a class="btn btn-default" href="#" data-featherlight="#fl2" data-featherlight-variant="fixwidth">Custom Styles</a>  
  4.                     <a class="btn btn-default" href="assets/images/droplets.jpg" data-featherlight="image">Image</a>  
  5.                     <a class="btn btn-default" href="#" data-featherlight="#fl3">iFrame</a>  
  6.                     <a class="btn btn-default" href="index.html .ajaxcontent" data-featherlight="ajax">Ajax</a>  
  7.                 </div>  

 


原文地址:http://www.freejs.net/article_jquerywenzi_487.html