如何使用ColorBox jQuery插件显示HTML页面

Question

如何使用ColorBox显示HTML页面？

Answer 1

如果你想打开一个外部HTML，这里是示例

http://colorpowered.com/colorbox/core/example1/index.html

代码类似

HTML

<a class='example5' href="yourpage.html" title="My Page">Outside HTML (Ajax)</a>

jQuery

$(".example5").colorbox();

Answer 2

只需使用在HTML页面中引用jQuery插件

<script type="text/javascript" src="/path of jQuery library"></script>
<script type="text/javascript" src="/path of color box"></script>

Answer 3

如下：

<a class="example5 cboxElement" href="../content/ajax.html" title="Homer Defined">
    Outside HTML (Ajax)
</a>

js:

$(".example5").colorbox();

只要看看他们的示例页面