弹出层 ,支持文字,图片,ajax载入,iframe-freejs.net代码演示

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

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

XML/HTML Code

<iframe class="lightbox" src="http://www.aihym.com" width="600" height="581" id="fl3" style="border:none;" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
<div class="ajaxcontent lightbox">
<h2>This Ligthbox was loaded using ajax</h2>
<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>
</div>

XML/HTML Code

<div class="btn-group">
<a class="btn btn-default" href="#" data-featherlight="#fl1">Default</a>
<a class="btn btn-default" href="#" data-featherlight="#fl2" data-featherlight-variant="fixwidth">Custom Styles</a>
<a class="btn btn-default" href="assets/images/droplets.jpg" data-featherlight="image">Image</a>
<a class="btn btn-default" href="#" data-featherlight="#fl3">iFrame</a>
<a class="btn btn-default" href="index.html .ajaxcontent" data-featherlight="ajax">Ajax</a>
</div>