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

How to display an HTML page with the ColorBox jQuery plugin

本文关键字：显示 HTML 页面 插件 jQuery 何使用 ColorBox      更新时间：2023-09-26

如何使用ColorBox显示HTML页面？

如果你想打开一个外部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();

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

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

如下：

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

js:

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

只要看看他们的示例页面

相关文章：