7款超炫的弹出层效果Fancybox

Fancybox具有很强大的功能，它可以加载DIV，图片、图片集、Ajax数据，还能加载SWF影片，iframe页面等等。本文讲演示七种弹出层示例。


若是想看更多js特效、网站源码、 js教程请访问 http://www.sucaihuo.com/js 还有演示DEMO，最主要是可以免费下载。1、<br> 首先引入jQuery库和Fancybox插件。<br><link>  <br><script></script>  <br><script></script><br> 2、<br> 我们先演示第一种超炫的弹出层效果，看了以后，其他神马弹出层弱爆了...哈哈...其他强大的Fancybox弹出演示效果DEMO里有，请点击查看演示效果http://www.sucaihuo.com/jquery/demo/45/。<br><h4>演示1：动态效果</h4> <br><p><a><img alt="7款超炫的弹出层效果Fancybox" ></a></p> <div class="aritcle_card"> <a class="aritcle_card_img" href="/xiazai/js/3159"> <img src="https://img.php.cn/upload/jscode/000/000/001/5d15d456cb30f351.png" alt="jQuery带炫酷轮播图效果的Lightbox弹出层插件"> </a> <div class="aritcle_card_info"> <a href="/xiazai/js/3159">jQuery带炫酷轮播图效果的Lightbox弹出层插件</a> <p>这是一款jQuery带炫酷轮播图效果的Lightbox弹出层插件。该lightbox插件在弹出层中，可以对所有图片进行轮播。</p> <div class=""> <img src="/static/images/card_xiazai.png" alt="jQuery带炫酷轮播图效果的Lightbox弹出层插件"> <span>109</span> </div> </div> <a href="/xiazai/js/3159" class="aritcle_card_btn"> <span>查看详情</span> <img src="/static/images/cardxiayige-3.png" alt="jQuery带炫酷轮播图效果的Lightbox弹出层插件"> </a> </div> <br> 3、<br> 最后调用Fancybox插件方法：<br> $("#demo1").fancybox({ <br>    'transitionIn': 'elastic', //窗口显示的方式 <br>    'transitionOut': 'elastic', <br>    'titlePosition': 'inside' <br> });查看该特效演示及免费下载，请访问 http://www.sucaihuo.com/js/45.html

AD：真正免费，域名+虚机+企业邮箱=0元