简介

ColorBox是一款JQuery弹出层插件，可以播放单张图片，组图片，视频，打开新html，内嵌iframe，甚至html标签等，注意它是弹出层插件，不是用于基本页面展示的。而且一次只能弹出一个，新弹框复用以前的弹框，弹出层再弹出层是没有的。

使用

1.  引入文件

<link rel="stylesheet" href="colorbox.css" />
<script type="text/javascript" src="../jquery.min.js"></script>
<script type="text/javascript" src="../jquery.colorbox.js"></script>

2.  HTML

<a class="group1" id="single" href="../content/ohoopee1.jpg" title="展示">Grouped Photo 11</a>

3.  调用

<script type="text/javascript">
    $(document).ready(function(){

                //Examples of how to assign the Colorbox event to elements

                //$(".group1").colorbox({rel:'group1'});
                $("#single").colorbox({transition: "fade"});
            });
</script>

相关链接

官网地址：http://www.jacklmoore.com/colorbox/

GitHub 地址 ：https://github.com/jackmoore/colorbox